Gideon
06-13-2001, 09:51 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
tHIS IS THE 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
_______________________________________________
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
tHIS IS THE 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