Замечательный эффект для разнообразия страницы сайта Ставится между <head> и </head>
Code
<SCRIPT language=javascript>
<!--
var img_path="00001.jpg"; // Путь к картинке|
var top_pos=0; // Позиция картинки сверху|
var left_pos=0; // Позиция картинки слева|
var max_width=400; // Max allowable width |
var min_width=160; // Min allowable width |
var time_length=1; // Zoom delay in milliseconds |
var step=2; // Pixels by which image should zoomm |
document.write('<div id="q_div" style="position:absolute; top:' + top_pos + '; left:' + left_pos + '"><img src="' + img_path + '" border="2" bordercolor="#00ced1" name="z" alt="zoom image" width=160 onmouseover=javascript:resume_zoom();zoom_in(); onmouseout=javascript:resume_zoom();zoom_out(); ></div>');
img_act_width=z.width;
img_act_height=z.height;
var original_time=time_length;
function zoom_out()
{
if(z.width==0)
{
z.border=0;
}
if(z.width!=0)
{
if(z.width>min_width)
{
z.width-=step;
z.height=Math.round(z.width*((img_act_height)/(img_act_width)));
setTimeout("zoom_out()",time_length);
}
} }
function zoom_in()
{
if(z.width==0)
{
z.border=0;
}
if(z.width!=0)
{
if(z.width<max_width)
{
z.width+=step;
z.height=Math.round(z.width*((img_act_height)/(img_act_width)));
setTimeout("zoom_in()",time_length);
}
} }
function resume_zoom()
{
time_length=original_time;
}
function set_original()
{
z.width=img_act_width;
z.height=img_act_height;
}
</script>