title: Does anyone know if it is possible to set an HTML image map and have links in one part of the map jump you to links on other parts of the same map?
body: <p>So the goal here is to have an image map setup using HTML that allows for linking from one part of the image to another part inside the same image. What I am facing here is all the information is in the same infographic which is like three pages of scrolling to move through. Can I set a link at the top of an image and have it jump down to another part of the same image? </p>
  
  <p>I have a work around with the single infographic is broken into several graphics stacked and than additional maps set up for the individual images but its ugly. I have a cut down example of what I am working with below. Is there a way to have the links image2 or image3 shown below target inside the same image and not have to target individual images like what currently shown?</p>
  
  <pre><code>&lt;div&gt;&lt;img src="https://tfstest.service-now.com/sys_attachment.do?sys_id=4beacd3bdb489304c84b782bbf96197f" alt="" usemap="#Map" /&gt; &lt;map id="Map" name="Map"&gt; 
  &lt;area title="" alt="" coords="28,133,525,155" shape="rect" href="#image2" /&gt;
  &lt;area title="" alt="" coords="29,160,237,178" shape="rect" href="#image3" /&gt;
  &lt;area title="" alt="" coords="28,180,330,201" shape="rect" href="#image4" /&gt;
  &lt;/map&gt;&lt;/div&gt;
   &lt;div&gt;&lt;a id="image2"&gt;&lt;/a&gt;&lt;img style="align: baseline;" src="attachment.do?sys_id=c7" /&gt;&lt;/div&gt;
      &lt;div&gt;&lt;a id="image3"&gt;&lt;/a&gt;&lt;img style="align: baseline;" src="attachment.do?sys_id=93" /&gt;&lt;/div&gt;
      &lt;div&gt;&lt;a id="image4"&gt;&lt;/a&gt; &lt;img style="align: baseline;" src="attachment.do?sys_id=97" /&gt;&lt;/div&gt;
  </code></pre>