Bildervorschau

Hallo

Ich möchte gerne auf meinem Index ( Kunstseite ) viele meiner Bilder als kleine Thumbnails einfügen. Wenn man dann die Maus über das Bild bewegt soll sich das Bild als Vorschau auf der selben Seite größer öffnen. Ich hoffe ihr versteht, was ich meine.
Also keinen Link, sondern eine einfache Bildervorschau und wenn die Maus das Bildverlässt, schließt sich auch das große Vorschaubild automatisch.

Ich hoffe Ihr könnt mir weiterhelfen.

Grüße Roland

ich war auf der seite, aber kannst du mir vielleicht einen Code basteln. Und außerdem muss man da doch auch noch i-was runterladen oder?

Grüße

Roland

Erst einmal danke für eure Bemühungen...
Ich habe jetzt den Code für solch ein Roll-Over Bild erhalten.

HEAD

<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 1px solid blue;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
  </style>

BODY z.B.

<div class="gallerycontainer">


<a class="thumbnail" href="http://www.roland-rafael-repczuk.de/gemaelde-galerie-filigraner-surrealismus-fantastischer-realismus-kunst.html#evolution"><img src="bilder/evolution.jpg" width="76px" height="96px" border="0" /><span><img src="bilder/evolution.jpg" /><br /></span></a>


</div>

( Bspl. eines Bildes )

Mein Problem: ich viele will kleine Bilder in vier verschiedene Reihen setzen. Auf der linken Seite ist das kleine Bild und auf der rechten Seite öffnet sich dann das Große. ( wegen

left: 230px

)

das finde ich soweit ganz gut, doch in der letzten Spalte überschreitet das große Bild die Monitorfläche und wird nicht ganz angezeigt!Könnte ich vielleicht extra für diese Tabelle einextra CSS Befehl im BODY einfügen?

Liebe Grüße

Roland