Setting up an image map with nav

Permalink
I am developing my first site for a client with C5 and can't figure out how I would go about implementing a certain feature, so any help would be appreciated.

I would like to do something similar to the Course Tour that appears on this website
http://www.nswgolfclub.com.au/guests/golf/coursetour.mhtml...

As you will see the right hand side has an image map with hot spots, along with the nav at the top which when clicked on, goes to the relevant page. It's a nice format that I'd like to replicate.

Any suggestions? Thanks.

anete
 
enlil replied on at Permalink Reply
enlil
http://www.concrete5.org/marketplace/addons/visual-image-tagger/
anete replied on at Permalink Reply
anete
Thanks enill but I require the links to take you to another page like in the page I showed. I'll keep that add-on in mind though for other projects.
JohntheFish replied on at Permalink Reply
JohntheFish
You may be able to achieve this with @enlil's suggestion of visual image tagger coupled with some javascript to map from an internal #tag to a url.

If you don't want to do the javascript, it may be possible to do such mapping with my Magic Linkify addon, though it is not something I have tried.
pvernaglia replied on at Permalink Reply
pvernaglia
if the links are not going to be changing you could use an html block and put a static menu with image map. If you want to use auto nav you could make a new template and use a page attribute for coords and generate the map data on the fly. If you look at the page source for the example you'll see it's pretty straight forward, there are utilities available to help make the image map.
keeasti replied on at Permalink Reply
keeasti
You could use an online tool like

http://www.maschek.hu/imagemap/imgmap...

and then paste the result into an HTML block
Steevb replied on at Permalink Reply
Steevb
anete replied on at Permalink Reply
anete
Thanks for all your suggestions, I will look into those links.