Span Box per a:hover verschwinden lassen

[Sebastian]

Hallo,

ich habe eine CSS Bildergalerie erstellt, in der per Mausbewegung über eine Miniatur eine Span Box inkl. Bild und Text dargestellt wird (in einem Link befinden sich jeweils eine Miniatur und eine Span Box). Die Span Box zu jeder Miniatur ist per display:none versteckt und wird durch den a:hover mit display:block sichtbar gemacht.

Um an der Stelle, an der die großen Bilder angezeigt werden aber keine Leere zu haben, wenn die Maus mal gerade nicht über einer Miniatur ist, möchte ich, dass das erste Bild der Galerie von Anfang an angezeigt wird. (Und jetzt komme ich zu meinem eigentlichen Problem) Wenn ich hover über eine andere Miniatur mache dann soll dieses dauerhaft angezeigte Bild auch wieder verschwinden, damit die jeweiligen anderen großen Bilder sich bei ihrer Anzeige nicht mit dem 1. großen Bild überlagern. Hat jemand eine Idee, wie ich das lösen könnte?

Aufs Wesentliche beschränkt, hier der Quelltext:

<div>
<a href="">
<img src="miniatur1.jpg"/>
<span class="anzeige"><img src="bild1.jpg"/><br/>
<span><strong>Titel von Bild 1</strong><br/>
Text der das Bild 1 genauer beschreibt.</span></span></a>

<a href="">
<img src="miniatur2.jpg"/>
<span class="anzeige"><img src="bild2.jpg"/><br/>
<span><strong>Titel von Bild 2</strong><br/>
Text der das Bild 2 genauer beschreibt.</span></span></a>
</div>

==========================

.anzeige {
display:none;
}

a:hover .anzeige {
display:block;
}

Danke schonmal für eventuelle Antworten

[wahsaga]

hi,

Wenn ich hover über eine andere Miniatur mache dann soll dieses dauerhaft angezeigte Bild auch wieder verschwinden, damit die jeweiligen anderen großen Bilder sich bei ihrer Anzeige nicht mit dem 1. großen Bild überlagern. Hat jemand eine Idee, wie ich das lösen könnte?

Per absoluter Positionierung die großen Bilder immer an der gleichen Position anzeigen lassen, so dass diese das erste Bild überdecken?

gruß,
wahsaga