Menu
Hi there,
I’m not sure if this is the correct area to post my question but here goes…
I have an image with a mouseover condition that when the mouse is moved over set co-ordinates the image changes.
What I can’t figure out is how I can position this image centrally on the horizontal axis, and on the vertical axis I want it on the absolute bottom of the page.
Any suggestions?
[CODE]
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>
<head>
<title></title>
<script language=”JavaScript” type=”text/javascript”>
/*<![CDATA[*/
var ImgAry=[‘cam.jpg’,’cam2.jpg’]
var MapAry=[];
for (var zxc0=0;zxc0<ImgAry.length;zxc0++){
MapAry[zxc0]=new Image();
MapAry[zxc0].src=ImgAry[zxc0];
}
function Swap(id,nu){
document.getElementById(id).src=MapAry[nu].src;
}
/*]]>*/
</script></head>
<body>
<table width=”100%” border=”0″ align=”center”>
<img src=”cam.jpg” align=”center” useMap=”#MyMap” id=”tst” />
<map name=”MyMap” >
<area shape=”rect” coords=”160,510,197,567″ onmouseover=”Swap(‘tst’,1);” onmouseout=”Swap(‘tst’,0);” />
</table>
</map>
</body>
</html>