wonky script i cant figure out...

[sumilsay]

hey peeps,
first and foremost, thanks for your time...

this is the html i have for thumbnails, i have about 20 thumbs:

<img src="opac_thumb_kt01.jpg" onMouseOver="javascript:rolled('thumb_kt01.jpg')"  onMouseOut="javascript:rolled('opac_thumb_kt01.jpg')" class="thumb" name="thumb" id="thumb" />
<img src="opac_thumb_kt02.jpg" onMouseOver="javascript:rolled('thumb_kt02.jpg')"  onMouseOut="javascript:rolled('opac_thumb_kt02.jpg')" class="thumb" name="thumb" id="thumb" />
<img src="opac_thumb_kt03.jpg" onMouseOver="javascript:rolled('thumb_kt03.jpg')"  onMouseOut="javascript:rolled('opac_thumb_kt03.jpg')" class="thumb" name="thumb" id="thumb" />

and here is the code i have for javascript:

<script type="text/javascript">
function rolled(source){
    document.thumb.src=source;
}
</script>

what i cant get is the rollover images to work. im trying to get it so when the user rolls over a thumb, the rolled thumb goes from a dim image to a fully opaque one.

thanks again for all your help.
me.

 

[cLFlaVA]

I would change your thumbs to:

<img src="opac_thumb_kt01.jpg" onMouseOver="rolled(this, 'thumb_kt01.jpg')"  onMouseOut="rolled(this, 'opac_thumb_kt01.jpg')" class="thumb" name="thumb1" id="thumb1" />
<img src="opac_thumb_kt02.jpg" onMouseOver="rolled(this, 'thumb_kt02.jpg')"  onMouseOut="rolled(this, 'opac_thumb_kt02.jpg')" class="thumb" name="thumb2" id="thumb2" />
<img src="opac_thumb_kt03.jpg" onMouseOver="rolled(this, 'thumb_kt03.jpg')"  onMouseOut="rolled(this, 'opac_thumb_kt03.jpg')" class="thumb" name="thumb3" id="thumb3" />

And your function to:

<script type="text/javascript">
<!--
function rolled(e, s){
    e.src = s;
}
-->
</script>

*cLFlaVA
----------------------------
[tt]insert funny quotation here.[/tt]