Zum Inhalt springen

Bildergalerie mit MouseOver bei Bildern

Erstellt am 30. Juli 2009 · 4 Antworten · letzte Antwort am 2. August 2009

Tags: Bilder, JavaScript & AJAX, Frage

karlchen ·

Vielleicht ein wenig umständlich ausgedrückt...

ich suche eine Bildergalerie, in der beim mouseover über das Bild, das Bild abdunkelt wird und dann weitere Informationen angezeigt werden.

in vielen Galerien hat man ja z.B. Thumbnails die etwas ausgegraut sind und beim mouseOver "richtig" angezeigt werden.

Diese Vorgehensweise, nur umgekehrt suche ich, idealerweise wird beim abdunkeln dann ein Div angeziegt in dem ich Überschriften, Text und Links anzeigen könnte.

jemand einen Tipp wie ich sowas am besten umsetzen könnte bzw. welche Extension sich dafür eigenen würde ?

WhiteShadow ·

Naja also ich kann dir nur teilweise helfen.

Mach einen HTML Code rein und schreibe darein:

<img src="bla_grey.gif" onmouseover="this.src='bla.gif'" onmouseout="this.src='bla_grey.gif'"/>

Wo grey steht machst du das farbige Bild halt rein und beim anderen das graue. Wie du das mit dem Feld jetzt machen könntest, naja da bin ich halt draußen. Das weiß ich gerade nicht.

karlchen ·

hallo WhiteShadow,

wäre schön wenn man das ein wenig dynamischer realisieren könnte.

so müsste ich ja immer ein normales und ein graues Bild erzeugen.
Stell mir das abdunkeln wie bei den Lightbox extensions vor.

Michaelh74 ·

Also wenn's Dir nur ums Abdunkeln geht, dann kuck Dir mal die JS Frameworks an. Z.B. mit JQuery soll so ein Effekt relativ gut realisierbar sein für alls imgs oder divs einer bestimmten id oder class. Damit kannst Du das sicher auf nahezu jede Galerie übertragen. Hat die Galerie Captions sollte auch der Part mit Text Einblendung machbar sein.

Gruß
Michael