Forum Moderators: open
right now, however, it will not work on mouseover, but needs to be clicked on and only shows while the mouse button is held. I am relatively new to DIV codes other than their use for alignment, but I think it might have something to do with layering? I got the code from a scripts website and altered it to include my content, but as I was looking through the code I noticed there was no z-index within the DIV tag. Also, I know quite a bit about HTML but not very much about CSS, JavaScript, etc. Below is the code for the entire page. Any help would be appreciated!
Thanks!
<html>
<head>
<title></title>
<script language="Javascript">
<!--
function toggleDiv(id,flagit) {
if (flagit=="1"){
if (document.layers) document.layers[''+id+''].visibility = "show"
else if (document.all) document.all[''+id+''].style.visibility = "visible"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "visible"
}
else
if (flagit=="0"){
if (document.layers) document.layers[''+id+''].visibility = "hide"
else if (document.all) document.all[''+id+''].style.visibility = "hidden"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "hidden"
}
}
//-->
</script>
<style type="text/css">#div1, #div2, #div3 {position:absolute; top: 91; right: 91; visibility:hidden}</style>
</head>
<body bgcolor="FFFFFF">
<div id="link1" style="position: absolute; top: 100; right: 100;">
<a href="#" onMouseOver="toggleDiv('div1',1)" onMouseOut="toggleDiv('div1',0)"><img border="0" src="link1.jpg"/></a>
</div>
<div id="link2" style="position: absolute; top: 190; right: 100;">
<a href="#" onMouseOver="toggleDiv('div2',1)" onMouseOut="toggleDiv('div2',0)"><img border="0" src="link2.jpg"/></a>
</div>
<div id="link3" style="position: absolute; top: 280; right: 100;">
<a href="#" onMouseOver="toggleDiv('div3',1)" onMouseOut="toggleDiv('div3',0)"><img border="0" src="link3.jpg"/></a>
</div>
<div id="div1"><img border="0" src="image1.jpg"/></div>
<div id="div2"><img border="0" src="image2.jpg"/></div>
<div id="div3"><img border="0" src="image3.jpg"/></div>
</body>
</html>
[edited by: pageoneresults at 2:57 am (utc) on Feb. 25, 2008]
[edit reason] Removed URI References [/edit]
I also recommend using style.display="none" or style.display="block".
