More JavaScript Backgrounds
Alien Spacecraft | Astronaut Background | Blinker | Bouncing Image | Table Cell Changer | Color Chooser | Color Table | Color Adjuster | Cursor Changer | Dual Scroller | Fade In | Fader | Fireworks | Floating Hearts | Full Size Image | Growing Image | Htm Scroller | Link Colours | List Changer | Matrix | Menu Sliding Image | Mouse Fireworks | Persistent Layer | Random Background | Random Images | Rain | Roulette | Snow | Sound | Space Trip | Star Field | Stubborn Image | Text Blinker | Type A Color | Write Layer
Growing Image
Description
Resizes an image to the size given to the function. The number of steps and total length of time of the transition can be controlled. Internet Explorer Only....View A Script Demo
Resizes an image to the size given to the function. The number of steps and total length of time of the transition can be controlled. Internet Explorer Only....View A Script Demo
Do you find it confusing setting up these script?
Java Scripts Magic can do all the hard work for you all At The Touch Of A Button.
Java Scripts Magic can do all the hard work for you all At The Touch Of A Button.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<META NAME="Generator" CONTENT="TextPad 4.4">
<LINK href="general.css" rel="stylesheet" type="text/css">
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Mike Dransfield (mike@blueroot.net) -->
<!-- Web Site: http://mike.dransfield.org/ -->
<!-- Begin
var ival, imgname, total, steps, maxx, maxy, currentx, currenty, dx, dy;
function zoomImg(imgname, total, steps, maxx, maxy) {
// convert the total from seconds to miliseconds
total = total * 1000;
objref = eval("document.getElementById('"+imgname+"')");
currentx = objref.width;
currenty = objref.height;
// work out how much we need to increase the image by each step
// devide image sizes by number of steps to get the amount we need to change each step
stepx = maxx / steps;
stepy = maxy / steps;
// devide the total time (in ms) by the number of steps to get the interval time
inttime = total / steps;
// set the interval to increase the size of the image by the required pixels
functionRef = "resizeImg('"+imgname+"', "+stepx+", "+stepy+", "+maxx+", "+maxy+")";
ival = setInterval(functionRef, inttime);
}
function resizeImg(imgname, dx, dy, maxx, maxy) {
objref = eval("document.getElementById('"+imgname+"')");
currentx = objref.width;
currenty = objref.height;
if ((currentx<maxx-dx) && (currenty<maxy-dy)) {
objref.height = currenty + dy;
objref.width = currentx + dx;
}
else {
clearInterval(ival);
objref.height = maxy;
objref.width = maxx;
}
}
// End -->
</script>
</HEAD>
<BODY Background=../graphics/grayback.jpg onLoad="zoomImg('test', 10, 150, 300, 200)">
<center><BR><BR><BR>
<div align="center"><img src="astronaut.jpg" name="test" id="test" height="2" width="3"></div>
</center>
</BODY>
</HTML>
<HTML>
<HEAD>
<META NAME="Generator" CONTENT="TextPad 4.4">
<LINK href="general.css" rel="stylesheet" type="text/css">
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Mike Dransfield (mike@blueroot.net) -->
<!-- Web Site: http://mike.dransfield.org/ -->
<!-- Begin
var ival, imgname, total, steps, maxx, maxy, currentx, currenty, dx, dy;
function zoomImg(imgname, total, steps, maxx, maxy) {
// convert the total from seconds to miliseconds
total = total * 1000;
objref = eval("document.getElementById('"+imgname+"')");
currentx = objref.width;
currenty = objref.height;
// work out how much we need to increase the image by each step
// devide image sizes by number of steps to get the amount we need to change each step
stepx = maxx / steps;
stepy = maxy / steps;
// devide the total time (in ms) by the number of steps to get the interval time
inttime = total / steps;
// set the interval to increase the size of the image by the required pixels
functionRef = "resizeImg('"+imgname+"', "+stepx+", "+stepy+", "+maxx+", "+maxy+")";
ival = setInterval(functionRef, inttime);
}
function resizeImg(imgname, dx, dy, maxx, maxy) {
objref = eval("document.getElementById('"+imgname+"')");
currentx = objref.width;
currenty = objref.height;
if ((currentx<maxx-dx) && (currenty<maxy-dy)) {
objref.height = currenty + dy;
objref.width = currentx + dx;
}
else {
clearInterval(ival);
objref.height = maxy;
objref.width = maxx;
}
}
// End -->
</script>
</HEAD>
<BODY Background=../graphics/grayback.jpg onLoad="zoomImg('test', 10, 150, 300, 200)">
<center><BR><BR><BR>
<div align="center"><img src="astronaut.jpg" name="test" id="test" height="2" width="3"></div>
</center>
</BODY>
</HTML>
If you have a Business Proposal that you think may be of interest to us here at Best Download Sites please contact us to discuss the matter in further detail