Ask questions and get good answers on mb.jQuery.components

Question

Hello, I am trying use some very large map images on my webpage to construct an interactive map. mb.ImageNavigator would be very useful for me in order to display those images because that's exactly the interface I would like to use. But after implementing this in my code I found out a problem that I should have considered from the start. Is there any possible way to put some areas with coords in the image used with ImageNavigator??? So, (to explain this further) what I would like to do is add an attribute inside the generated tag like this: usemap="#mymap". The thing is that I can't understand how the html code is generated by the script and I don't know what to change to make this happen (since I am a pretty new to jquery). I rely on your help! Thanks in advance.

Answer 1

This is not really implemented on this component. However the mbimageNavigator allow to add some extra content to the draggable overlay. You can then pu there a transparent image with the same width and height of the map you are showing and apply to this one the "usemap" atribute with ID of the map created for the original image:

    <div style="display:none;" class="imagesContainer {imageUrl:'DSC00844.JPG', navPosition:'BR', navWidth: 100}">
      <span class="title">zuccheriera</span>
      <div class="description">description1</div>
      <div class="additionalContent" style='color:white; font:100px/100px Arial, sans-serif; top:0; width:100%; height:100%; text-align:left;' >
   <img src="blank.png" width="3000" height="3000" USEMAP="#map1">
    </div>
  </div>

<MAP NAME="map1">
<AREA
     HREF="contacts.html" ALT="Contacts" TITLE="Contacts"
     SHAPE=RECT COORDS="6,116,97,184">
<AREA
     HREF="products.html" ALT="Products" TITLE="Products"
     SHAPE=CIRCLE COORDS="251,143,47">
<AREA
     HREF="new.html" ALT="New!" TITLE="New!"
     SHAPE=POLY COORDS="150,217, 190,257, 150,297,110,257">
</MAP>

This will solve your problem. Bye, Matteo

Answer 2

0	Great! I didn't give much attention at the additionalContent feature at first. But this should work. Thanks mate. Btw your work is amazing. Keep it up. Cya, Ares answered Apr 10 '11 at 17:19 AresGR 1●1

Ask questions and get good answers on mb.jQuery.components

mb.ImageNavigator with map areas.

Follow this question

pupunzi.com

pupunzi's blog

Other products:

Related questions