JavaScript auf Joomla Template :: Irgendwie geht ein Mouse Over Wechsel nicht

NetBull

Erfahrenes Mitglied
Moin, ...

äh und klar: Happy Weihnachten....

Irgendwie habe ich ein kleines Problem: Ich habe mit Joomla ein Template gebaut, wo ich zu jedem Artikel im Featured/Blog ein Bild (Einleitungsbild) einstellen kann. Wenn ich zu diesem ein zweites hochlade, das statt [bildname].jpg nun [bildname]_hover.jpg heisst, dann will ich mit JavaScript einen Hover Effekt über ein Skript anstossen.

Javascript:
<img src="images/images/information_hover.jpg" height="100%" onmouseover="onMouseOverBlogImage(this, 'images/images/information.jpg', 'images/images/information_hover.jpg','%3Cp%3EUnd+das+w%C3%A4re+dann+das+Intro%3C%2Fp%3E%0D%0A');">

dem onMouseOverBlogImage übergebe ich vier Parameter.
das Element selber, Bild normal, Bild gehovert und einen Text für einen schöneren Tooltip.
Alles geht, ausser der Hover, ... dann macht es aus der Bildadresse
images/images/information_hover.jpg die folgende Adresse
index.php/images/images/information_hover.jpg

und das führt dann zu folgendem Fehler:
Code:
GET http://mosys-dev.vbx/dml-joomla/index.php/images/images/information_hover.jpg 404 (Not Found)

Hier mein JavaScript:
Code:
function onMouseOverBlogImage(element, img, hvr, intro){
        console.log(element);
        console.log('original : ' + img);
        console.log('hover : ' + hvr);       
        element.src = hvr;
    }

Hier meine Ausgabe:
Code:
<img src="images/images/information_hover.jpg" height="100%" onmouseover="onMouseOverBlogImage(this, 'images/images/information.jpg', 'images/images/information_hover.jpg','%3Cp%3EUnd+das+w%C3%A4re+dann+das+Intro%3C%2Fp%3E%0D%0A');">
original : images/images/information.jpg
hover : images/images/information_hover.jpg

Irgendwie kommt der Browser, übrigens alle Browser nicht mit der Adresse von Joomla klar.
Selbst wenn ich die Adresse absolut übergebe, wird das Müll draus gemacht.

Wie löst man das am Besten?

cu s00n,
NetBu||
 
Hab's nun erst mal in PHP erledigt, da übergebe ich nun die Absolute Adresse.
Aber würde mich trotzdem interessieren wie man das in JavaScript lösen könnte.
 

Neue Beiträge

Zurück