Yeni13
| In this script, when you move or click on the following image, the image size will decrease gradually (i.e the image will zoom out) and will finally disappear.
The script is very easy to customise. Here, the event that calls the function is onclick. You can change it to onmouseover, onmouseout, or onmousedown. To see the script in action again, refresh this page. |
|
© 2002 Premshree Pillai. All rights reserved.
|
<style type="text/css">
.link{font-family:verdana,arial,helvetica; font-size:8pt; color:#003399; font-weight:normal}
.link:hover{font-family:verdana,arial,helvetica; font-size:8pt; color:#0099FF; font-weight:normal}
.header{font-family:arial,verdana,helvetica; font-size:20pt; color:#DD0000; font-weight:bold}
</style>
</head>
<body bgcolor="#FFFFFF">
<center><span class="header">Image Zoom Out</span></center>
<br>
<table width="400" align="center" cellspacing="0" cellpadding="0"><tr><td>
<font face="verdana,arial,helvetica" size="-1' color="#000000">
In this script, when you move or click on the following image, the image size will decrease gradually (i.e the image will zoom out) and will finally disappear.</p>
<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></table>
<table width="400" align="center" cellspacing="0" cellpadding="0"><tr><td>
<hr style="width:100%; height:1; color:#DD0000">
<a href="mailto:premshree@hotmail.com" class="link">© 2002 Premshree Pillai. All rights reserved.</a>
</td></tr></table>
<script language="javascript">
// (c) 2002 Premshree Pillai
// http://www.qiksearch.com
// premshree@hotmail.com
// Loaction of this script :
// http://www.qiksearch.com/javascripts/image_zoom_out.htm
// Visit http://www.qiksearch.com/javascripts.htm for more FREE scripts
document.write('<div id="izo_div" style="position:absolute; top:130; left:190"><img src="http://webdeveloper.earthweb.com/repository/javascripts/2005/12/756741/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>
