<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 316px; top: 321px;"> <table align="center" cellpadding="10" cellspacing="10" id="zoom buttons"> <tr> <td width="50" align="middle" style="border:2 solid #336699"><a href="#" onmouseover="javascript:resume_zoom();zoom_in();" onmouseout="javascript:pause_zoom();" style="font-family:verdana,arial,helvetica; font-weight:bold; font-size:15pt; color:#003399; text-decoration:none">+</a></td> <td style="border:2 solid #336699" align="middle"><a href="#" onmouseover="javascript:resume_zoom();set_original();" style="font-family:verdana,arial,helvetica; font-weight:bold; font-size:15pt; color:#003399; text-decoration:none">reset</a></td> <td width="50" align="middle" style="border:2 solid #336699"><a href="#" onmouseover="javascript:resume_zoom();zoom_out();" onmouseout="javascript:pause_zoom();" style="font-family:verdana,arial,helvetica; font-weight:bold; font-size:15pt; color:#003399; text-decoration:none">-</a></td> </tr></table></div>
<script language="javascript"> var img_path="images/yourimage.gif"; // The Image Path var top_pos=20; // Image position from top var left_pos=20; // Image position from left var max_width=900; // Max allowable width var min_width=10; // Min allowable width var time_length=20; // 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 + 'px; left:' + left_pos + 'px"><a href="http://www.texaswebdevelopers.com/index.asp" target="_blank"><img src="' + img_path + '" border="0" bordercolor="#336699" name="z" alt="TexasWebDevelopers.com"></a></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('Width less than Minimum Width'); } } } 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('Maximum Width exceeded.'); } } } 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>