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.
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:
Hier mein JavaScript:
Hier meine Ausgabe:
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||
ä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||