PDA

View Full Version : Help Dr. Web

Gideon
06-13-2001, 08:46 AM
thanks for the help DR. Web but i still have a big problem.

_______________________________________________

declare your style's in the header for the css rollover, then

<a href="#" onmouseover="call mouseover event here();" onmouseOut="call onmouseout event here();">link</a>

just that easy.

_______________________________________________

thanks DR WEB, but the problem is i dont know the onmouseOut events, if i did, i would fill them in. Im also not sure about

the script in my header. Can you look over them for me please????

_______________________________________________

<head>

<script>

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("http://www.geocities.com/goldinchem/graphics/graphics/lefttable/lefttablephoto.gif","http://www.geocities.com/

goldinchem/graphics/graphics/lefttable/lefttablemovies.gif","http://www.geocities.com/goldinchem/graphics/graphics/lefttable/

lefttablesearch.gif","http://www.geocities.com/goldinchem/graphics/graphics/lefttable/lefttablelinks.gif","http://www.geociti

es.com/goldinchem/graphics/graphics/lefttable/lefttablelaunches.gif")
</script>

</head>

______________________________________________

I dont think there is anything wrong with that. Here is the body.

<body>

<table>
<tr><td width="25%" align="right" colspan="2"><font face="verdana" size="-1">Space</font></td></tr>

<tr><td width="25%" align="right" colspan="2"><a href="Link" target="menu" onMouseover="changeimage(myimages[0],this.href)"><font face="verdana" size="-2">Photos</font></a></td></tr>

<tr><td width="25%" align="right" colspan="2"><a href="Link" target="menu" onMouseover="changeimage(myimages[1],this.href)"><font face="verdana" size="-2">Movies</font></a></td></tr>

<tr><td width="25%" align="right" colspan="2"><a href="Link" target="menu" onMouseover="changeimage(myimages[2],this.href)"><font face="verdana" size="-2">Search</font></a></td></tr>

<tr><td width="25%" align="right" colspan="2"><a href="Link" target="menu" onMouseover="changeimage(myimages[3],this.href)"><font face="verdana" size="-2">Links</font></a></td></tr>

<tr><td width="25%" align="right" colspan="2"><a href="Link" target="menu" onMouseover="changeimage(myimages[4],this.href)"><font face="verdana" size="-2">Launches</font></a></td></tr>

</table>
</body>

_____________________________________________

The problem is that when i take the mouse off the link, the previous image stays. I want to make it return to the master image.


I NEED HELP DR. WEB!!!
Dr. Web
06-13-2001, 10:38 PM
add a onmouseOut event:

onMouseOut="changeimage(myimages[0],this.href)"