Phiên bản đầy đủ: jsB@nk » Hình ảnh » Ảnh lớn dần
URL: https://www.javascriptbank.com/growing-image.html
Một đoạn mã JavaScript khác để tạo hiệu ứng ảnh có kích thước lớn dần.
Phiên bản đầy đủ: jsB@nk » Hình ảnh » Ảnh lớn dần
URL: https://www.javascriptbank.com/growing-image.html
<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--><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-->