Hi,<br>  <br>  &nbsp;I tried that code.&nbsp; I didnt get it to work.&nbsp; Here is my  code.&nbsp; Can you see if I need to do something else?&nbsp; What else  do I need?<br>  &lt;/script&gt;<br>  <br>  <font style="font-family: arial narrow;" size="2">&lt;!-- Panning Javascript here --&gt;<br>  &lt;script language="javascript" type="text/javascript"&gt;<br>  &nbsp; var mapheight = 417;<br>  &nbsp; var mapwidth = 309;<br>  &nbsp; var pansize = 0.75;<br>  <br>  function pan(direction) {<br>  &nbsp; var x,y;<br>  &nbsp; <br>  &nbsp;if(direction== 'n') {<br>  &nbsp;&nbsp; x = (309-1)/2.0;<br>  &nbsp;&nbsp; y = 0 - (417 * pansize)/2.0;<br>  &nbsp;} else if(direction== 'nw') {<br>  &nbsp;&nbsp; x = 0 - (309 * pansize)/2.0;<br>  &nbsp;&nbsp; y = 0 - (309 * pansize)/2.0;<br>  &nbsp;} else if(direction== 'ne') {<br>  &nbsp;&nbsp; x = (309-1) + (309 * pansize)/2.0;<br>  &nbsp;&nbsp; y = 0 - (417 * pansize)/2.0;<br>  &nbsp;} else if(direction== 's') {<br>  &nbsp;&nbsp; x =
 (309-1)/2.0;<br>  &nbsp;&nbsp; y = (417-1) + (417 * pansize)/2.0;<br>  &nbsp;} else if(direction== 'sw') {<br>  &nbsp;&nbsp; x = 0 - (309 * pansize)/2.0;<br>  &nbsp;&nbsp; y = (417-1) + (417 * pansize)/2.0;<br>  &nbsp;} else if(direction== 'se') {<br>  &nbsp;&nbsp; x = (309-1) + (309 * pansize)/2.0;<br>  &nbsp;&nbsp; y = (417-1) + (417 * pansize)/2.0;<br>  &nbsp;} else if(direction== 'e') {<br>  &nbsp;&nbsp; x = (309-1) + (309 * pansize)/2.0;<br>  &nbsp;&nbsp; y = (417-1)/2.0;<br>  &nbsp;} else if(direction== 'w') {<br>  &nbsp;&nbsp; x = 0 - (309 * pansize)/2.0;<br>  &nbsp;&nbsp; y = (417-1)/2.0;<br>  &nbsp;&nbsp;&nbsp; }<br>  <br>  &nbsp;document.mapserv.imgxy.value = x + " " + y;<br>  &nbsp;document.mapserv.submit();&nbsp; <br>  }&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>  <br>  &lt;/script&gt;<br>  <br>  &nbsp;&lt;TABLE width="368"<br>  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 
 &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; HEIGHT="460"  BORDER="0" align="left" CELLPADDING="0" CELLSPACING="0"&gt;<br>  <br>  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&lt;TBODY&gt;<br>  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &lt;TR&gt;<br>  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp; &lt;TD width="29" height="23" ALIGN="left"<br>  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 
 &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; VALIGN="top"  BGCOLOR="#e7a500"&gt;&lt;a href="javascript:pan('nw')"&gt;&lt;img  src="../images/cornerarrow5.gif" alt="pan nw" width="25" height="25"  style="border-style:none"&gt;&lt;/a&gt;&lt;/TD&gt;<br>  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp; &lt;TD ALIGN="center" BGCOLOR="#e7a500"<br>  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; VALIGN="top"&gt; &lt;div  align="center"&gt;&lt;a href="javascript:pan('n')"&gt;&lt;img  src="../images/cornerarrow2.gif" alt="pan north" width="25" height="25"  style="border-style:none"&gt;&lt;/a&gt;&lt;/div&gt;&lt;/TD&gt;<br>  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
 &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp; &lt;TD width="30" ALIGN="right"<br>  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; VALIGN="top"  BGCOLOR="#e7a500"&gt;&lt;a href="javascript:pan('ne')"&gt;&lt;img  src="../images/cornerarrow6.gif" alt="pan ne" width="25" height="25"  style="border-style:none"&gt;&lt;/a&gt;&lt;/TD&gt;<br>  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &lt;/TR&gt;<br>  <br>  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
 &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &lt;TR&gt;<br>  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp; &lt;TD ALIGN="LEFT" BGCOLOR="#e7a500"<br>  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; VALIGN="MIDDLE"&gt;&lt;a  href="javascript:pan('w')"&gt;&lt;img src="../images/cornerarrow1.gif"  alt="pan west" width="25" height="25"  style="border-style:none"&gt;&lt;/a&gt;&lt;/TD&gt;<br>  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp; &lt;TD CLASS="mapappmidaln" ALIGN="center"<br>  &nbsp;&nbsp;&nbsp;
 &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; HEIGHT="413" VALIGN="MIDDLE"  WIDTH="309"&gt;<br>  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<br>  &lt;!-- calling for map here --&gt;<br>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  &lt;input name="img" type="image" src="[img]" WIDTH="309" HEIGHT="417"  BORDER="1" /&gt;&lt;/TD&gt;<br>  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
 &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp; &lt;TD ALIGN="right" BGCOLOR="#e7a500"<br>  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; VALIGN="MIDDLE"&gt;&lt;div  align="left"&gt;&lt;a href="javascript:pan('e')"&gt;&lt;img  src="../images/cornerarrow3.gif" alt="pan east" width="25" height="25"  style="border-style:none"&gt;&lt;/a&gt;&lt;/div&gt;&lt;/TD&gt;<br>  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &lt;/TR&gt;<br>  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 
 &nbsp;&nbsp;&nbsp; &lt;TR&gt;<br>  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp; &lt;TD height="21" ALIGN="left"<br>  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; VALIGN="bottom"  BGCOLOR="#e7a500"&gt;&lt;a href="javascript:pan('sw')"&gt;&lt;img  src="../images/cornerarrow8.gif" alt="pan sw" width="25" height="25"  style="border-style:none"&gt;&lt;/a&gt;&lt;/TD&gt;<br>  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp; &lt;TD ALIGN="center" BGCOLOR="#e7a500"<br>  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
 &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; VALIGN="bottom"&gt; &lt;div  align="center"&gt;&lt;a href="javascript:pan('s')"&gt;&lt;img  src="../images/cornerarrow3gif.gif" alt="pan south" width="25"  height="25"  style="border-style:none"&gt;&lt;/a&gt;&lt;/div&gt;&lt;/TD&gt;<br>  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp; &lt;TD ALIGN="right" BGCOLOR="#e7a500"<br>  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; VALIGN="bottom"&gt;&lt;a  href="javascript:pan('se')"&gt;&lt;img src="../images/cornerarrow7.gif"  alt="pan se"
 width="25" height="25"  style="border-style:none"&gt;&lt;/a&gt;&lt;/TD&gt;<br>  &lt;/table&gt;<br>  <br>  </font><br><br><b><i>Luis Treviño &lt;ltrevinoh@GMAIL.COM&gt;</i></b> wrote:<blockquote class="replbq" style="border-left: 2px solid rgb(16, 16, 255); margin-left: 5px; padding-left: 5px;">  <br><br>  <div><span class="gmail_quote">2006/7/21, Albert Anderson &lt;<a href="mailto:bart_doggers@yahoo.com">bart_doggers@yahoo.com</a>&gt;:</span>  <blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0px 0px 0px 0.8ex; padding-left: 1ex;">  <div>Hi,<br><br>&nbsp;I figure out my images.&nbsp; Does anyone have a  _java script for using a image for panning.&nbsp; I have images set for  the corners of my map. I want to use them to pan.</div></blockquote>  <div>&nbsp;</div>  <div>You can use something like this, you have to handle your width and height of your image:</div>  <div>alto = height, ancho = width.</div>  <div>function
 paneo(direccion,alto,ancho) {<br>&nbsp; var x,y;<br>&nbsp; var pansize = 0.75;<br>&nbsp;if(direccion == 'n') {<br>&nbsp;&nbsp; x = (ancho-1)/2.0;<br>&nbsp;&nbsp; y = 0 - (alto * pansize)/2.0;<br>&nbsp;} else if(direccion == 'nw') {<br>&nbsp;&nbsp; x = 0 - (ancho * pansize)/2.0;  <br>&nbsp;&nbsp; y = 0 - (ancho * pansize)/2.0;<br>&nbsp;} else if(direccion == 'ne') {<br>&nbsp;&nbsp; x = (ancho-1) + (ancho * pansize)/2.0;<br>&nbsp;&nbsp; y = 0 - (alto * pansize)/2.0;<br>&nbsp;} else if(direccion == 's') {<br>&nbsp;&nbsp; x = (ancho-1)/2.0;<br>&nbsp;&nbsp; y = (alto-1) + (alto * pansize)/2.0;  <br>&nbsp;} else if(direccion == 'sw') {<br>&nbsp;&nbsp; x = 0 - (ancho * pansize)/2.0;<br>&nbsp;&nbsp; y = (alto-1) + (alto * pansize)/2.0;<br>&nbsp;} else if(direccion == 'se') {<br>&nbsp;&nbsp; x = (ancho-1) + (ancho * pansize)/2.0;<br>&nbsp;&nbsp; y = (alto-1) + (alto * pansize)/2.0;  <br>&nbsp;} else if(direccion == 'e') {<br>&nbsp;&nbsp; x = (ancho-1) + (ancho *
 pansize)/2.0;<br>&nbsp;&nbsp; y = (alto-1)/2.0;<br>&nbsp;} else if(direccion == 'w') {<br>&nbsp;&nbsp; x = 0 - (ancho * pansize)/2.0;<br>&nbsp;&nbsp; y = (alto-1)/2.0;<br>&nbsp;&nbsp;&nbsp; }<br>&nbsp;document.mapserv.imgxy.value   = x + " " + y;<br>&nbsp;document.mapserv.submit();&nbsp;&nbsp; <br>}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>&nbsp;</div><br>  <blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0px 0px 0px 0.8ex; padding-left: 1ex;">  <div>Anyother question, is there a _java script for images to&nbsp; zoom-in and out?</div></blockquote>  <div>you can use the zoomdir and the zoom values within your template, like:</div>  <div>&lt;input type="hidden" name="zoom" value="-2"&gt;</div>  <div>  <div>&lt;input type="hidden" name="zoomdir" value="-1"&gt;</div>  <div>for a zoom out., so you can use radio buttons to manage this values</div>  <div>&nbsp;</div>  <div>&nbsp;</div></div>  <blockquote class="gmail_quote"
 style="border-left: 1px solid rgb(204, 204, 204); margin: 0px 0px 0px 0.8ex; padding-left: 1ex;">  <div>One more question, I have a refresh button and pan radio button,  then we I click refresh to take a layer off it moves the projective  image. Why? But when I am on zoomin radio button and click refresh it  acts like its panning? Why?  <br><br>Thanks,<br>&nbsp;</div>  <div><span class="sg">Albert <br></span></div>  <div><span class="ad">  <div>__________________________________________________<br>Do You Yahoo!?<br>Tired of spam? Yahoo! Mail has the best spam protection around <br><a onclick="return top.js.OpenExtLink(window,event,this)" href="http://mail.yahoo.com/" target="_blank">  http://mail.yahoo.com</a> </div></span></div></blockquote></div><br>  <div>Hope this helps.</div>  <div><br>Regards,</div>  <div>Luis</div>  </blockquote><br><p>&#32;
                <hr size=1>Yahoo! Messenger with Voice. <a href="http://us.rd.yahoo.com/mail_us/taglines/postman1/*http://us.rd.yahoo.com/evt=39663/*http://voice.yahoo.com">Make PC-to-Phone Calls</a> to the US (and 30+ countries) for 2¢/min or less.