glenmac
08-30-2004, 09:05 AM
I was playing with a script I found and adapted it to load an image on page loading then disapear. I hope it's usefull.
<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()",10); // 10ms steps
}
function exp() {
//img.align = "right";
img.width = img.width * 1.1; // 10% each time
img.height = img.height * 1.1; // 10% each time
//
num++
if (num < 9) // 9 steps then stop
{timer = setTimeout("exp()",10);}
}
function shrink(it) {
clearTimeout(timer); // stop if active
it.style.display ="none"//hidePic
//it.width = "0px";//you can set width and height of shrink
//it.height = "0px";//or use tmp to return to original
}
</script>
</head>
<body onload ="expand(test); setTimeout('shrink(test)',2000)"><div align = "center"><img src = "yourImage.jpg" id ="test" ></div>
test text
</body>
<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()",10); // 10ms steps
}
function exp() {
//img.align = "right";
img.width = img.width * 1.1; // 10% each time
img.height = img.height * 1.1; // 10% each time
//
num++
if (num < 9) // 9 steps then stop
{timer = setTimeout("exp()",10);}
}
function shrink(it) {
clearTimeout(timer); // stop if active
it.style.display ="none"//hidePic
//it.width = "0px";//you can set width and height of shrink
//it.height = "0px";//or use tmp to return to original
}
</script>
</head>
<body onload ="expand(test); setTimeout('shrink(test)',2000)"><div align = "center"><img src = "yourImage.jpg" id ="test" ></div>
test text
</body>