Modul für Image-Wechsel bei Hover gesucht
Eingetragen von Pfoto (25)am 16.06.2007 - 18:04 Uhr in
Hi!
ich habe eben auf Drupal.org unter den Modulen nach einer Möglichkeit gesucht,
bei einem Mouse-Over ein Bildwechsel vornehmen zu lassen, bin jedoch
nicht fündig geworden.
Das genaue Vorgehen:
Es sind z.B. 3 Thumbnails in einem Beitrag und eins davon wird vergrößert angezeigt.
Bewegt man nun die Maus über ein anderes Thumbnail, wird das Bild in der
vergrößerten Ansicht entsprechend ausgetauscht.
Oder müsste man dazu manuell ein JS anlegen?
Dank und Gruß
Pfoto
- Anmelden oder Registrieren um Kommentare zu schreiben
für Mouse-Over kannst du
am 17.06.2007 - 02:30 Uhr
für Mouse-Over kannst du den Code eingeben:
<img width="640" height="480" align="right" title="yourTitel" alt=" " onmouseout="this.src='/files/yourPicture1.jpg';" onmouseover="this.src='/files/yourPicture2.jpg';" src="/files/yourPicture1.jpg" style="width: 640px; height: 480px;" />Danke für den Hinweis
am 17.06.2007 - 14:33 Uhr
ich wusste gar nicht, dass das so einfach ist,
auf dieser Basis habe ich nun 3 Thumbnails, die beim
Drüberfahren das Bild vergrößert in einer Layoutansicht darstellen.
Wen es interessiert, hier der Code:
<table>
<tr>
<td rowspan="3">
<img id="Parentimg" src="Hover_Pic01.jpg" />
</td>
<td>
<img onmouseover="Parentimg.src='Hover_Pic01.jpg';" src="Hover_Pic01_Thumb.jpg" />
</td>
</tr>
<tr>
<td>
<img onmouseover="Parentimg.src='Hover_Pic02.jpg';" src="Hover_Pic02_Thumb.jpg" />
</td>
</tr>
<tr>
<td>
<img onmouseover="Parentimg.src='Hover_Pic03.jpg';" src="Hover_Pic03_Thumb.jpg" />
</td>
</tr>
</table>
Für die Redakteure / Autoren, die später innerhalb der Seite soetwas
nutzen sollen, ist es zwar leider immer noch recht umständlich,
abr besser als gar nichts.
Gruß
Pfoto