...

View Full Version : onMouseOver Slideshow help



buttercup41231
12-14-2006, 03:15 PM
Hello can you set up several onMouseOver Slideshow on the same page.

here is what i'm try to do this is just a testing page

http://www.eastkybeausandbeauties.com/rollover.html


Thanks Brenda

Mr J
12-14-2006, 05:42 PM
If it is simply swapping the images onmouseover something like this
Each set of links targets a different bigpic


<script type="text/javascript">

function changePic(el,pic){
document.images[el].src=pic
}

</script>



<img name="bigpic1" src="pic1.jpg">
<br><br>
<a href="pic01.jpg" onmouseover="changePic('bigpic1',this.href)">Pic 1</a><br>
<a href="pic02.jpg" onmouseover="changePic('bigpic1',this.href)">Pic 2</a><br>
<a href="pic03.jpg" onmouseover="changePic('bigpic1',this.href)">Pic 3</a><br>
<a href="pic04.jpg" onmouseover="changePic('bigpic1',this.href)">Pic 4</a><br>
<a href="pic05.jpg" onmouseover="changePic('bigpic1',this.href)">Pic 5</a><br>


<img name="bigpic2" src="pic1.jpg">
<br><br>
<a href="pic06.jpg" onmouseover="changePic('bigpic2',this.href)">Pic 6</a><br>
<a href="pic07.jpg" onmouseover="changePic('bigpic2',this.href)">Pic 7</a><br>
<a href="pic08.jpg" onmouseover="changePic('bigpic2',this.href)">Pic 8</a><br>
<a href="pic09.jpg" onmouseover="changePic('bigpic2',this.href)">Pic 9</a><br>
<a href="pic10.jpg" onmouseover="changePic('bigpic2',this.href)">Pic 10</a><br>

buttercup41231
12-14-2006, 08:41 PM
thanks for the help but i still cant get it to work for me
here is the original script that i was using can you show how to add your info so it will work
thanks so much for helping

<script>

/*Rollover effect on different image script-
By JavaScript Kit (http://javascriptkit.com)
Over 200+ free scripts here!
*/

function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}

</script>
<script language="JavaScript1.1">
var myimages=new Array()
var gotolink="#"

function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}


preloadimages("plane1.gif","plane2.gif","plane3.gif","plane4.gif","plane5.gif")
</script>

</head>

<body>

<a href="javascript:warp()"><img src="plane0.gif" name="targetimage" border=0></a>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum