Bilder vergrößert darstellen beim Überfahren mit der Maus

[nomis2001]

Hallo zusammen,

leider weiß ich nicht ob ich im HTML/XHTML Forum richtig bin, aber auch das Bemühen der Suchfunktion hat nicht die richtigen Ergebnisse gebracht. Daher dieser neu Thread.

Ich habe auf unserer Seite einige kleinen Bilder von Weinflaschen abgebildet. Jetzt möchte ich, wenn der User mit der Mouse über diese Bilder fährt, diese in größer darstellen. So dass aus der Thumbnailvorschau ein zu erkennendes Bild gibt.

Gibt es dort eine Möglichkeit?
Mache ich das mit Mouse over?


Vielen Dank für die Hilfe!

 

[prm]

Hier eine CSS-Lösung: Bildergalerie mit Vergößerungseffekt

 

[Loon3y]

Hier eine CSS-Lösung: Bildergalerie mit Vergößerungseffekt

Sehr schön gemacht, aber, ich habs mir jetzt zwar nicht ganz durchgelesen, wieso ist noch ein <div> um <ul> ?

 

[prm]

Der ist in der Tat unnötig.
Besser ist natürlich

<ul id="galerie">

Danke für den Tipp. Werd's heute Abend korrigieren.

 

[neuroleptika]

...Werd's heute Abend korrigieren.

Ich würde das Element nicht unbedingt entfernen.
zwischen </ul> und </div> währe Platz für ein clearendes Element.

<div id="galerie">
<ul>
<li>...</li>
<li>...</li>
</ul>
<br class="clearer" />
</div>

So könnte #galerie mitwachsen und z.B. eine Hintergrundfarbe oder Rahmen bekommen.

 

[prm]

Das ist auch ein Argument.
Dann sollte ich aber zumindest den Clear-Befehl noch einbauen.