»
EnglishFrenchVietnamese

Print - Image Zoom Out - JavaScriptBank.com

Full version: jsB@nk » Image » Image viewer » Image Zoom Out
URL: https://www.javascriptbank.com/image-zoom-out-index.html

Image Zoom Out © JavaScriptBank.comIn 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



CSS
<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-->


JavaScript
<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(&quot;zoom_out()&quot;,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-->


HTML
<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-->


Files
http://javascriptbank.com/javascript/image/Image_Zoom_Out/izo.gif