rollover thumbnail question...

[sumilsay]

hello all,
i have some thumbnails that, when a user rolls over them, it goes from 50% opacity, to 100%. i have all the thumbnails made and everything, which is in this code...

<a href="javascript:changePic('kt01.jpg')"><img thumb_kt01.jpg" onMouseOver="javascript:rolled('thumb_kt01.jpg')"  onMouseOut="javascript:rolled('thumb_kt01.jpg')"name="thumb" id="thumb" alt="" /></a>	
<a href="javascript:changePic('kt02.jpg')"><img thumb_kt01.jpg" onMouseOver="javascript:rolled('thumb_kt02.jpg')"  onMouseOut="javascript:rolled('thumb_kt02.jpg')"name="thumb" id="thumb" alt="" /></a>

and i have this javascript to handle it...

function rolled(source){
	document.thumb.src=source;
}

it seems that this cannot happen because its going to try to change both pictures. i just cant think of a way that will change each one individually... can anyone assist me please.
do i even make sense?

thanks for your time everyone.
be happy.
AP.

 

[chessbot]

function rolled(source)
{
  var imgs = document.getElementByName("thumb");
  if (!imgs)
    return;
  if (imgs.length == undefined)
  {
    imgs.src = source;
    return;
  }
  for (var i=0; i<imgs.length; i++)
    imgs[i].src = source;
}

--Chessbot

"Violence is the last refuge of the incompetent." -- Asimov, Foundation