Titel MouseOver-Effekt
Eingetragen von Pet4 (98)am 03.12.2013 - 16:38 Uhr in
Hallo liebe Community,
Folgendes will ich versuchen:
Ich habe eine Mitglieder-Liste von Künstlern die jeweils bis zu 3 Bilder haben.
Eine Liste der Namen gebe ich per Views aus.
Nun möchte ich wenn ich mit der Maus über einen Namen fahre einen Hovereffekt erhalten, der das erste Bild der 3 Bilder rechts größer ausgibt.
Damit ihr euch das besser vorstellen könnt ist im Anhang ein Bild.
Kennt einer von euch eine Lösung bzw. ein Modul vll. was mir den gewünschten Effekt bringt?
Hab paar Sachen ausprobiert mit Colorbox haber das ist nur semi-gut :D
Danke für eure Antworten
Mit freundlichen Grüßen
Pet
| Anhang | Größe |
|---|---|
| mauseffekt.png | 203.85 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben
Das ist ein typischer
am 04.12.2013 - 11:02 Uhr
Das ist ein typischer Anwendungsfall für JavaScript/jQuery. Du schickst das erste Bild jeweils mit dem Namen mit und sorgst über CSS mit display:none; dafür, daß es nicht angezeigt wird. Mittels eines kleinen jQuery-Scriptes schaltest Du jetzt bei Mouseover beim Namen das Display z.b. auf Block und positionierst das Bild passend. Beim Mouseout setzt Du Display wieder auf none. Grundsätzlich laufen alle interaktiven Elemente beim Client mittels JavaScript. Du solltest Dich also in jQuery einarbeiten, wenn Du ähnliches wieder einsetzen willst.
Beste Grüße
Werner