PDA

View Full Version : Image map plugin


allSaints
12-19-2009, 12:19 PM
Hi guys,

I havn't seen any plugin where you can use an image map. That is, an image where areas of any shape can be used as links.

I have made a demo page (http://wirestam.com/panos/Flash/imagemap/imtest1.html) with such a plugin. I'm not sure it's 100% ready yet, but at least you can test it.

To make it easier to mark the clickable areas, there is a setup mode (http://wirestam.com/panos/Flash/imagemap/imtest1s.html) - much like in the floorplan plugin. The test page has a map of France with all the different districts, but it could of course be any kind of image. Here, only PACA and Midi-Pyrenees are marked, so you can test by marking another district yourself. Just click on the button "New Area", mark it with a number of clicks on the map, and finally click the button again to save it. Flash cannot save the XML file itself, so you have to mark and copy it from the text area and save it in a file yourself. But it is instantly viewable in the map.

It is a hotspot plugin, so you can have as many as you like in the same pano - or linked to different panos.

I welcome any suggestions and opinions (but they will of course go directly into the trash can... :cool:).


Tommy

discocandy
12-19-2009, 01:43 PM
very nice!!
just had a question about this..
you really can read my mind....;)

Astroman
12-19-2009, 01:49 PM
I welcome any suggestions and opinions (but they will of course go directly in the trash can... ).

Hrhr. Your a welcome Tommy.

Takeme360
12-19-2009, 04:00 PM
Amazing! Where do you come up with these ideas? lol.

birdseye
12-21-2009, 07:30 AM
Very interesting Tommy. You have such a brilliant ideas that sometimes when I see a new pluging of you, I have to think about the possibilties. ;)

Thank you and nice holidays
Yvan.

GregorH
12-25-2009, 03:13 PM
****MERRY CHRISTMAS to all of you!!***

Saint Tommy,

can it be used to mark areas in the pano image itself or only for images that are inside the panos (like your france map example)?

I mean like doors, gates and windows in my quicktime .mov?

Another great and usefull addon!!

Regards and a very nice christmas dinner,
Gregor

allSaints
12-26-2009, 11:48 AM
Hi Gregor,

and I really wish you and your family all the best.

You know, I made the plugin to work exactly like an imagemap on a web page, but instead of going to an url when clicking an area, you execute a FPP command.

But I have uploaded a new version (1.2) which can also sense mouse-over and mouse-out for an area. And then you can of course execute a FPP command that with a semi-transparent hotspot marks an area in your pano.

In my test page I have put mouse-over functions on the Champagne, Rhфne-Alps, Centre and Bretagne areas, which makes it pan away to different places in my pano.


Tommy

le GROS jйjй
03-09-2010, 09:05 AM
Wow, great plugin with this edition function !!!
I just have a small problem, I usually have 2 different resolution for my panos and would like to scale the map when I'm on the 600px * 300px view.
No problem to scale the map, the only thing is it's scales also the tooltips (wich is logic...) but so then you can't read anything...
Is there a better solution to have the map in two different sizes if you're in fullscreen or not ?

Thanx a lot for your great work !

allSaints
03-09-2010, 11:59 AM
Thanks,

well, I'm not sure what you can do about it. It would be quite a lot of work to make the plugin aware of the scale (that could change at any time) and on the fly create a proper sized tooltip.

A workaround might be to remove the plugin tooltips and set some external text field by using the onOver and onOut attributes. Of course it wouldn't follow your mouse movement then.

le GROS jйjй
03-09-2010, 03:41 PM
Ok, many thanx for your very fast reply !
Last question: is there a way to show active hotspot ?

Thanx a lot for your help !

allSaints
03-09-2010, 06:03 PM
No, I havn't thought of the plugin that way. To me there has been no "active" hotspot.

But I have got that question before, so I will look into it. Maybe it can be easily solved with an extra plugin attribute.