Bildwechsel bei onclick in Container

[Conny]

Hallo Leute,
ich bin der Neue (Anfänger).
Ich möchte aus einer Gallerie (Thumbs) die größeren Bilder in einem Container darstellen.
das folgende Script funktioniert prima bei mouseover.
Was muß ich ändern, dass es auch bei onclick funktionirt.
Wer kann mir helfen

Conny

``
<style type="text/css">

.gallerycontainer{
position: absolute;
/*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 grey;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #000000;
padding: 0px;
left: -1000px;
border: none;
visibility: hidden;
color: grey;
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: 150;
left: 300px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

</style>

{:.language-html}

<div class="gallerycontainer">

<a class="thumbnail" href="#thumb"><img src="Bilder/Bild3.png" width="56px" height="80px" border="0" /><span><img src="Bilder/Bild3.png" width="405px" height="585px"/></span></a>

<a class="thumbnail" href="#thumb"><img src="Bilder/Bild5.png" width="56px" height="80px" border="0" /><span><img src="Bilder/Bild5.png" width="405px" height="585px"/></span></a>

<br />

</div>