Image Mapper Object Request
Autore: A J.Hey Incomedia,
I just paid my update protection so I figured now is as good a time then any to make a request for a future udate to webx5 pro hahaha!
Anyway, if at all possible I would really like to see an "image mapper object" that helps make the task of creating really nice, professional, and accurate image maps.
Many of us don't have expensive programs like photosho that we can go into and get coordinates for certain items within an image and was really hoping that you guys could utilize the code below in helping you develope a powerful image map object for webx5. Thank you guys so very much in advance for your attention and implimentation of this request.
<!DOCTYPE html>
<html>
<body>
<p>Click on the sun or on one of the planets to watch it closer:</p>
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
<area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
<area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>
</body>
</html>
You are not the first to suggest this option.
https://helpcenter.websitex5.com/it/post/176622
In my example http://www.energifremtiden.dk/c4d/accordion-3---copy.html try to hover the icon/images on the accordion and you will see the image mapping.
I also suggested an accordion at the same time - we now have the accordion - we could hope the next will be an image-mapping-object.
Autore
Ohh wow thats awesome John, you need to be in direct contact with Incomedias developer team to help make a robust image mapping object a reality. I really like how you were able to tie that in with the accordion tool. Would be nice to be able to roll over or click an object in a photo and have images, text, video or anything that can be linked, either pop up in the same window in a dialog box or in a "_blank" new window.
It will be a powerful tool (object) even more so than the accordion, but still very thankful for it too haha!
Thanks again for sharing.
Regards
Hello A J
I have made both the accordion and the image-mapping in pure HTML and CSS.
Did you notice that hovering the image ( mapped spots ) influences the accordion?
And try to click on the mapped spots on the image - it will open a map.
Clicking on the icons in the accordion will open a website with description.
In fact I started with the image mapping from the same code from w3school as you show in your example.
I then made some experiments with the code.
Then I made the accordion and then I thought : could it be combined - and I managed to combine it as you can see.
If you are interested in the code, you can contact me via the contact form here : http://calendarforum.dk/contact.html
It is made with 2 HTML-objects and I can give you the code for the objects if you are interested.