Full version: jsB@nk » Image » Image viewer » Image Zoom Out
URL: https://www.javascriptbank.com/image-zoom-out-index.html
In this JavaScript, when you move or click on an image, the image size will decrease gradually (i.e the image will zoom out) and will finally disappear.
Full version: jsB@nk » Image » Image viewer » Image Zoom Out
URL: https://www.javascriptbank.com/image-zoom-out-index.html
<STYLE type=text/css>.link {FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #003399; FONT-FAMILY: verdana,arial,helvetica}.link:hover {FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #0099ff; FONT-FAMILY: verdana,arial,helvetica}.header {FONT-WEIGHT: bold; FONT-SIZE: 20pt; COLOR: #dd0000; FONT-FAMILY: arial,verdana,helvetica}</STYLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><SCRIPT language=javascript>// (c) 2002 Premshree Pillai// http://www.qiksearch.com// [email protected]// Loaction of this script :// http://www.qiksearch.com/javascripts/image_zoom_out.htm// Visit http://www.qiksearch.com/javascripts.htm for more FREE scriptsdocument.write('<div id="izo_div" style="position:absolute; top:130; left:190"><img src="izo.gif" border="3" bordercolor="#000000" name="izo" alt="Image Zoom Out" onclick="javascript:setTimeout("zoom_out()",1000);" style="cursor:hand"></div>');img_act_width = izo.width;img_act_height = izo.height;i=1;function zoom_out(){ if(izo.width==0) { izo.border=0; } if(izo.width!=0) { izo.width-=i; izo.height=Math.round(izo.width*((img_act_height)/(img_act_width))); setTimeout("zoom_out()",1); i+=1; } } </SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><TABLE cellSpacing=0 cellPadding=0 width=400 align=center> <TBODY> <TR> <TD><FONT face=verdana,arial,helvetica size=-1 #000000?> <P>The script is very easy to customise. Here, the event that calls the function is <FONT face=courier>onclick</FONT>. You can change it to <FONT face=courier>onmouseover</FONT>, <FONT face=courier>onmouseout</FONT>, or <FONT face=courier>onmousedown</FONT>.</P> <P>To see the script in action again, refresh this page.</P></FONT></TD></TR></TBODY></TABLE><TABLE cellSpacing=0 cellPadding=0 width=400 align=center> <TBODY> <TR> <TD> <HR style="WIDTH: 100%; COLOR: #dd0000; HEIGHT: 1px"> <A class=link href="mailto:[email protected]">? 2002 Premshree Pillai. All rights reserved.</A> </TD></TR></TBODY></TABLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
http://javascriptbank.com/javascript/image/Image_Zoom_Out/izo.gif