Image Map

(Kennyk) #1

Hi just wonder has anyone managed to get image map to work within MySource Matrix?


I have copy and paste an existing html code with the image map code into the MySource Matrix. no luck.



Any Ideas?



Kenny

(Matt Webster) #2

[quote]Hi just wonder has anyone managed to get image map to work within MySource Matrix?


I have copy and paste an existing html code with the image map code into the MySource Matrix. no luck.



Any Ideas?



Kenny

[right][post=“9502”]<{POST_SNAPBACK}>[/post][/right][/quote]



Does the image even load with a copy and paste? you would have to have the image as an asset in mysource, then you could probably do it changing the div type to raw HTML, referecing the image asset (how to is located in many places in this forum) and placing your raw map references in…



That is how I would do something like that.

(Emeline Haight) #3

[quote]Does the image even load with a copy and paste? you would have to have the image as an asset in mysource, then you could probably do it changing the div type to raw HTML, referecing the image asset (how to is located in many places in this forum) and placing your raw map references in…


That is how I would do something like that.[/quote]





Do you have an answer yet? I have my image as an asset but how do I divide up the asset so that each bit will have its own URL?



I'm not understanding the raw map references.



Perplexed!?!

(Greg Sherwood) #4

Image maps are done using Raw HTML. You upload and display the image normally, but you need to write your own HTML using the MAP tag. Take a look at a tutorial like this one:
http://www.javascriptkit.com/howto/imagemap.shtml



Just remember to use the Raw HTML content type (not WYSIWYG) and replace the image’s URL with an internal Matrix one (src="./?a=xxx").

(Emeline Haight) #5

Thanks for the advice. It sounds like it should work but . . .


This is my code which I have done in a WYSIWYG div and a raw HTML div. I get no indication in the status bar that there any web paths at all.



<img src="./?a=168162" usemap="#traffic%20light" alt="" style="border-style: none;">

<map id="traffic light" name="traffic light">

<area shape="rect" alt="" coords="9,14,88,47" href="./?a=155012" title="">

<area shape="rect" alt="" coords="9,49,87,76" href="./?a=155030" title="">

<area shape="rect" alt="" coords="6,78,91,109" href="./?a=16958" title="">

<area shape="default" nohref="nohref" alt=""> </map>



MapEdit is a fantastic tool for doing coordinates with. My real task is to get 12 polygons into a 10 cm triangle.