Библиотека Javascript. SE@RCHER

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">           <html><HEAD><TITLE>Фото увеличивается и уменьшается при наведении на слой</TITLE> <META http-equiv=Content-Type content="text/html; charset=windows-1251"> <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> <SCRIPT language=javascript> // Configure zoOom //----------------------------------------------------------------- var img_path=0001.jpg"; // The Image Path | var top_pos=130; // Image position from top | var left_pos=162; // Image position from left | var max_width=900; // Max allowable width | var min_width=10; // 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="3" bordercolor="#000000" name="z" alt="zoOom" width=150></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); } else { window.alert('Это минимальный размер фото'); } } } 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); } else { window.alert('Это максимальный размер фото'); } } } function resume_zoom() { time_length=original_time; } function pause_zoom() { time_length=10000000000; } function set_original() { z.width=img_act_width; z.height=img_act_height; } </SCRIPT> <META content="MSHTML 6.00.2900.2180" name=GENERATOR></HEAD> <BODY bgColor=#ffffff> <CENTER> </CENTER><BR> <TABLE cellSpacing=10 cellPadding=10 align=center> <TBODY> <TR> <TD style="BORDER-RIGHT: #000000 3px solid; BORDER-TOP: #000000 3px solid; BORDER-LEFT: #000000 3px solid; BORDER-BOTTOM: #000000 3px solid" align=middle><A onmouseover=javascript:resume_zoom();zoom_in(); style="FONT-WEIGHT: bold; FONT-SIZE: 15pt; COLOR: #003399; FONT-FAMILY: verdana,arial,helvetica; TEXT-DECORATION: none" onmouseout=javascript:pause_zoom(); href="zooom10.htm#"><FONT color=#808080>увеличить</FONT> +</A></TD> <TD style="BORDER-RIGHT: #000000 3px solid; BORDER-TOP: #000000 3px solid; BORDER-LEFT: #000000 3px solid; BORDER-BOTTOM: #000000 3px solid" align=middle><A onmouseover=javascript:resume_zoom();set_original(); style="FONT-WEIGHT: bold; FONT-SIZE: 15pt; COLOR: #000000; FONT-FAMILY: verdana,arial,helvetica; TEXT-DECORATION: none" href="zooom10.htm#">оригинал</A></TD> <TD style="BORDER-RIGHT: #000000 3px solid; BORDER-TOP: #000000 3px solid; BORDER-LEFT: #000000 3px solid; BORDER-BOTTOM: #000000 3px solid" align=middle><A onmouseover=javascript:resume_zoom();zoom_out(); style="FONT-WEIGHT: bold; FONT-SIZE: 15pt; COLOR: #003399; FONT-FAMILY: verdana,arial,helvetica; TEXT-DECORATION: none" onmouseout=javascript:pause_zoom(); href="zooom10.htm#"><FONT color=#808080>уменьшить</FONT> -</A></TD> </TR></TBODY></TABLE> </BODY></HTML>