[cyris]

Hallo,

ich habe eine tolle Bildergallerie gefunden, da ich mich aber mit CSS noch nicht so gut auskenne, wollte ich fragen, ob mir vielleicht jemand dabei helfen kann.

Das Skript funktioniert wunderbar. Ich würde es jetzt allerdings gerne so abändern, dass beim Aufruf der Seite schon das erste Bild geladen wird. Bisher sieht man leider nur die Thumbnails und erst nach dem Klick darauf erscheint das jeweilige Bild in groß.

Kann man das irgendwie ändern?

Also hier das Skript:

<style type="text/css">
/* needed for IE to make :active state work first time */
a, a:visited {color:#24A3CE;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #24A3CE; width:78px; height:78px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(images/a.jpg);}
a.slideb {background:url(images/b.jpg);}
a.slidec {background:url(images/c.jpg);}
a.slided {background:url(images/d.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #24A3CE;}

/* styling for LEFT gallery */
#containerr_left {position:relative; width:320px; height:339px; margin:auto;}
#containerr_left img {border:0;}
#containerr_left .thumbs {width:80px; position:absolute; left:0; top:0;}
#containerr_left a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:265px; left:175px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
/* #container_left a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;} */
#containerr_left a.gallery:active, #containerr_left a.gallery:focus {border:1px solid #C0C0C0;}
#containerr_left a.gallery:active em, #containerr_left a.gallery:focus em {display:block; position:absolute; width:227px; height:250px; top:4px; left:90px; padding:0px; color:#C0C0C0; border:1px solid #24A3CE; z-index:50;}
</style>


<div id="containerr_left">
<div class="thumbs">
<a class="gallery slidea" href="#nogo"><em><img src="http://xhtmlforum.de/images/ag.jpg/></em></a>
<a class="gallery slideb" href="#nogo"><em><img src="http://xhtmlforum.de/images/bg.jpg" /></em></a>
<a class="gallery slidec" href="#nogo"><em><img src="http://xhtmlforum.de/images/cg.jpg" /></em></a>
<a class="gallery slided" href="#nogo"><em><img src="http://xhtmlforum.de/images/dg.jpg" /></em></a>
</div>
</div>