»
EnglishFrenchVietnamese

Print - Growing Image - JavaScriptBank.com

Full version: jsB@nk » Image » Growing Image
URL: http://www.javascriptbank.com/growing-image.html

Growing Image © JavaScriptBank.comResizes 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.

Full version: jsB@nk » Image » Growing Image
URL: http://www.javascriptbank.com/growing-image.html



JavaScript
<SCRIPT LANGUAGE="JavaScript">// Growing Image// Mike Dransfield (mike@blueroot.net)<!-- Beginvar ival, imgname, total, steps, maxx, maxy, currentx, currenty, dx, dy;function zoomImg(imgname, total, steps, maxx, maxy){// convert the total from seconds to milisecondstotal = 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 stepstepx = maxx / steps;stepy = maxy / steps;// devide the total time (in ms) by the number of steps to get the interval timeinttime = 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><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<BODY onLoad="zoomImg('test', 10, 150, 300, 200)"><img id=test src=logojs.gif border=0></body><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->