Multiple hyperlinks from an image

[cornishpirate]

I guess the title says it all.

I would like to have a photo of say 20 products and click on one of them to go to the product details.

Any thoughts?

[leehack]

Any thoughts?

Good idea i like it, if you know some html, should be pretty easy to achieve.

You could probably get real clever with section link layouts, but i'd stick to the html option, it'll be much easier, unless you want things changing very regularly, in which case section link layouts are the way forward.

[OriginalTouch]

This process is called image mapping.
Splitting an image into multiple hyperlink sections.

Google will give you clues.
eg: http://www.echoecho.com/htmllinks07.htm

Off the cuff, not sure how to integrate it into Actinic without hardcoding html (best option) but a forum search on those words will give you some help.

[TraceyHand]

image mapping isn't that complicated really.
I did it on the homepage of Jesters for our main motorcycle photo.
didn't use anything more fancy than Paint and a whole load of html!
Like Sam says, Google "image map" and see what comes up.
I thought I had a bookmark but I can't find it

editted to add...found the bookmark
I used http://www.kasparius.com/tutorials/imagemap/index.htm to help me set mine up to start with.
It's pretty simple really

[OllyBug]

If you have dreamweaver, you can add hotspots to an image (see http://www.norfolkherbs.co.uk/nurseryshop.html for an example -) . This will automatically create the code with the necessary coordinates for the image map. You can simply copy and paste the HTML code generated into actinic (well should be able to anyway).

Even easier... i know that some cheap image editors can create more exact image maps and you can simply save the image along with the HTML code. I did exactly this when I used Photo Impact.

[cornishpirate]

Thanks everyone.

Gives me a lot to be going on with.

Will report back later.

Alan

[jont]

Image maps are not needed.

Create a new fragment layout in CSS (no tables) .. use the image field with no margin or padding and float it left... use the fragment title (or text) to populate the hyperlink target... if you keep all the images the same size they will appear as a contiguous block.