Link dynamisch mit hover generieren lassen

[Hausmaster]

Hallo!

Versuche gerade mittels JS folgende Zeile automatisch generieren zu lassen:

<a href="#"><img src="slider/thumbs/11a.png" onmouseover="this.src='slider/thumbs/11b.png'"
onmouseout="this.src='slider/thumbs/11a.png'" width="67" height="150"></a>

Folgendes funktionier schon einwandfrei:

return '<a href="#"><img src="' + item.url + '"  width="75" height="75" alt="' + item.title + '" /></a>';

Wenn ich nun aber die hover Effekte versuche einzubauen klappt das leider gar nicht.

Das Hoverimage ist unter der Variable "item.nr" zu finden. Selbst wenn ich's hardgecoded probiere, also den Pfad direkt zu dem img eintrage funktionierts leider nicht..

return '<a href="#"><img src="' + item.url + '" onmouseover="this.src='slider/thumbs/11b.png'" width="75" height="75" alt="' + item.title + '" /></a>';

Sieht jemand einen Fehler?!

Danke

[wildmieze]

*kratzamkopp* .. ich überlege gerade, ob die einfachen anführungszeichen um das onmouseover-bild stören .. kannst die ja mal escapen ..

[Hausmaster]

super, danke, jetzt klapps zumindest hardcoded.
nur wie bekomm ich das jetzt mit variable hin?!

return '<a href="#"><img src="' + item.url + '" onmouseover="this.src=\'zweib.jpg\'" width="75" height="75" alt="' + item.title + '" /></a>';

statt zweib.jpg sollt item.nr eingefügt werden?!

Danke!

[wildmieze]

öhmm .. bin ja auch nicht so der javascript-typ .. ich würds so probieren:

return '<a href="#"><img src="' + item.url + '" onmouseover="this.src=\'' + item.nr + '\'" width="75" height="75" alt="' + item.title + '" /></a>';

[Hausmaster]

uh yeah

Danke!

Kannst du mir vllt noch erklären wieso das nur so klappt?!

Danke!

[wildmieze]

Naja .. ich bin kein guter Erklärbär, aber ich selbst verstehe es zumindest so:

Dein mouseover-Javascript braucht die einfachen Anführungszeichen, um zu funktioneren; doppelte gehen ja nicht, weil die bereits drumherum sind.
Dummerweise erkennt Dein anderes Javascript ja nicht, daß diese einfachen Anführungszeichen nicht zu ihm gehören. Deswegen haben wir sie im "ersten Schritt" mit dem Backslash escaped.
Im zweiten Schritt haben wir dann einfach den Javascript-Bereich für die Variable (' + var + ') zwischen diese escapeden (ist das ein Wort? *lach*) Anführungszeichen gesetzt.

Joah .. vermutlich kann das jemand noch schöner und verständlicher formulieren, aber vielleicht kannst du trotzdem was damit anfangen