rollover gallery

[meesh]

Hi,
I dont know much (make that anything!) about JS,
but maybe one of you wonderful smart people can help me.

I have a website, with members. each member has a bio. Each bio has a 125x125 px photo of the person. How can I use javascript to make it so when you mouseover the photo, it changes to a different photo? How can I make it so that everytime you mouse over the original photo, it changes to a random photo that is different? Like if they had 8 different photos, and it would randomly show a different one of the 8, everytime the main photo was rolledover by the mouse.

My main photo is meeshlg.jpg, and each additional photo is called "1.jpg", "2.jpg", etc.

Any ideas??

Thank you SOOOOO much!!

[A1ien51]

Basic idea:


<script>
function ChangePic(X){
NumPics=10;
PicNum=Math.round(Math.random()*(NumPics-1))+1;
X.src="PicName"+PicNum+".gif";
}
</script>


<img src="PicName1.gif" onmouseover="ChangePic(this)">