Menu
Sorry for posting this prob again…but I don’t know how to solve it.
I have this image, in a place holder, that changes its size on mouseover. What I wanna do is make the change slower than it is now. This is the code
<P>
<IMG onmouseover=this.width=this.width*2 onmouseout=this.width=this.width/2 src=”image.jpg” width=125>
</P>
Days ago gil davis posted this script:
<head>
<script>
var tmp = 0;
var num = 0;
var img = null;
var timer = null;
function expand(it) {
tmp = it.width; // save original size
num = 0;
img = it;
timer = setTimeout(“exp()”,100); // 100ms steps
}
function exp() {
img.width = img.width * 1.1; // 10% each time
num++
if (num < 5) // 5 steps then stop
{timer = setTimeout(“exp()”,100);}
}
function shrink(it) {
clearTimeout(timer); // stop if active
it.width = tmp; // go back to original size
}
</script>
</head>
<body>
<img src=”lilguy2.gif” onmouseover=”expand(this)” onmouseout=”shrink(this)”>
</body>
It works perfectly if I try it in Frontpage…but not when I use it in my web page built with CMS. Help please!!!!
thansk in advance
Ale ?