Comments on: How To Create Multiple Links On A Single Image With Image Map http://www.onextrapixel.com/2009/04/30/how-to-create-multiple-links-on-a-single-image-with-image-map/ A digital playground for web designers and developers by sharing freebies, great tutorials, useful resources and online tips. Fri, 12 Mar 2010 01:53:09 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: jjhttp://www.onextrapixel.com/2009/04/30/how-to-create-multiple-links-on-a-single-image-with-image-map/comment-page-1/#comment-2962 jj Fri, 12 Feb 2010 21:46:08 +0000 http://www.onextrapixel.com/?p=209#comment-2962 So I'm trying to write this code for an ebay store. I'm getting the image up, having photobucket host the image, but I can't seem to make anything on it clickable. Maybe I just need to learn a bit more about html... So I'm trying to write this code for an ebay store.
I'm getting the image up, having photobucket host the image, but I can't seem to make anything on it clickable.
Maybe I just need to learn a bit more about html...

]]> By: Sihttp://www.onextrapixel.com/2009/04/30/how-to-create-multiple-links-on-a-single-image-with-image-map/comment-page-1/#comment-2928 Si Tue, 09 Feb 2010 22:25:39 +0000 http://www.onextrapixel.com/?p=209#comment-2928 Hi Alicia,This is a sample of code I used for each of my hot spots in my map. Obviously you would have to change image names for your own and your co-ordinates will be for yout hot spots not mine.Basically the important bit is the rev="" at the end.area shape="circle" coords="186,54,7" href="images/school-pix/upper-playground.jpg" rel="lightbox" alt="Main playground hot spot " title="Table area on main playground. To view more images please click here." rev=/gallery.html"I was using Lightbox 2.04.Hope this helps,Si Hi Alicia,

This is a sample of code I used for each of my hot spots in my map. Obviously you would have to change image names for your own and your co-ordinates will be for yout hot spots not mine.

Basically the important bit is the rev="" at the end.

area shape="circle" coords="186,54,7" href="images/school-pix/upper-playground.jpg" rel="lightbox" alt="Main playground hot spot " title="Table area on main playground. To view more images please click here." rev=/gallery.html"

I was using Lightbox 2.04.

Hope this helps,

Si

]]> By: Aliciahttp://www.onextrapixel.com/2009/04/30/how-to-create-multiple-links-on-a-single-image-with-image-map/comment-page-1/#comment-2927 Alicia Tue, 09 Feb 2010 22:08:29 +0000 http://www.onextrapixel.com/?p=209#comment-2927 Hi,I am using image maps for a few pages on my website, and i used the code from the above tutorial and it works great in IE but doesn't work in FF at all. I am using a lightbox javescript for the pop up images, so that may be a problem too. If anyone knows how to fix this so it works in both browsers that would be great.Thanks Hi,

I am using image maps for a few pages on my website, and i used the code from the above tutorial and it works great in IE but doesn't work in FF at all. I am using a lightbox javescript for the pop up images, so that may be a problem too. If anyone knows how to fix this so it works in both browsers that would be great.

Thanks

]]> By: Sihttp://www.onextrapixel.com/2009/04/30/how-to-create-multiple-links-on-a-single-image-with-image-map/comment-page-1/#comment-2733 Si Tue, 02 Feb 2010 22:45:14 +0000 http://www.onextrapixel.com/?p=209#comment-2733 seems that the code didn't appear in the last post again, sorry…area shape="circle" coords="186,54,7" a href="images/school-pix/security-fence.jpg" rel="lightbox" title="Security fence around playground."if there is no code above then it looks like I can't post code! If you know of a possible solution please email me at siderbyshire@blueyonder.co.ukThanks seems that the code didn't appear in the last post again, sorry…

area shape="circle" coords="186,54,7" a href="images/school-pix/security-fence.jpg" rel="lightbox" title="Security fence around playground."

if there is no code above then it looks like I can't post code! If you know of a possible solution please email me at siderbyshire@blueyonder.co.uk

Thanks

]]> By: Sihttp://www.onextrapixel.com/2009/04/30/how-to-create-multiple-links-on-a-single-image-with-image-map/comment-page-1/#comment-2732 Si Tue, 02 Feb 2010 22:43:21 +0000 http://www.onextrapixel.com/?p=209#comment-2732 seems that the code didn't appear in the last post sorry… seems that the code didn't appear in the last post sorry…

]]> By: Sihttp://www.onextrapixel.com/2009/04/30/how-to-create-multiple-links-on-a-single-image-with-image-map/comment-page-1/#comment-2731 Si Tue, 02 Feb 2010 22:41:34 +0000 http://www.onextrapixel.com/?p=209#comment-2731 I am trying to have multiple images connected to one hot spot, is that possible?I have one image per hot spot at he moment but some of the hot spots need more than one image.I am using lightbox2.04 for the pop images but can't seem to grasp grouping images together for an image map.can you help please?here's an example of the code i'm using for each hot spot…Many thanks I am trying to have multiple images connected to one hot spot, is that possible?

I have one image per hot spot at he moment but some of the hot spots need more than one image.

I am using lightbox2.04 for the pop images but can't seem to grasp grouping images together for an image map.

can you help please?

here's an example of the code i'm using for each hot spot…

Many thanks

]]> By: Kian Huihttp://www.onextrapixel.com/2009/04/30/how-to-create-multiple-links-on-a-single-image-with-image-map/comment-page-1/#comment-2518 Kian Hui Mon, 25 Jan 2010 07:37:52 +0000 http://www.onextrapixel.com/?p=209#comment-2518 Hey there, thanks alot for the tutorial. It helped me alot, and now I can do this without looking at a sample (:by the way, I think you should add something in this tutorial.In Photoshop, you need to change the unit into "points", cause cm, mm, inches and pixels will not work.That's it, other steps are perfect. Thanks again! Hey there, thanks alot for the tutorial. It helped me alot, and now I can do this without looking at a sample (:

by the way, I think you should add something in this tutorial.

In Photoshop, you need to change the unit into "points", cause cm, mm, inches and pixels will not work.

That's it, other steps are perfect. Thanks again!

]]> By: Ian Huethttp://www.onextrapixel.com/2009/04/30/how-to-create-multiple-links-on-a-single-image-with-image-map/comment-page-1/#comment-2267 Ian Huet Fri, 15 Jan 2010 11:44:10 +0000 http://www.onextrapixel.com/?p=209#comment-2267 I recently implemented an interactive map using JQuery and a HTML Image Map rather than Flash. It was the first time I had used an Image Map in years. The end result is cross-browser compatible, elegant, flexible and accessible. Maybe this would be useful for anybody looking to take a HTML Image Map to the next level.http://www.workwithchoicecuts.com/methodology/revisiting-the-html-image-map/ I recently implemented an interactive map using JQuery and a HTML Image Map rather than Flash. It was the first time I had used an Image Map in years. The end result is cross-browser compatible, elegant, flexible and accessible. Maybe this would be useful for anybody looking to take a HTML Image Map to the next level.

http://www.workwithchoicecuts.com/methodology/revisiting-the-html-image-map/

]]> By: Arunkumarhttp://www.onextrapixel.com/2009/04/30/how-to-create-multiple-links-on-a-single-image-with-image-map/comment-page-1/#comment-1928 Arunkumar Sat, 26 Dec 2009 02:17:06 +0000 http://www.onextrapixel.com/?p=209#comment-1928 was very useful,.. thank you was very useful,.. thank you

]]> By: kabin sapkotahttp://www.onextrapixel.com/2009/04/30/how-to-create-multiple-links-on-a-single-image-with-image-map/comment-page-1/#comment-1268 kabin sapkota Tue, 10 Nov 2009 02:15:33 +0000 http://www.onextrapixel.com/?p=209#comment-1268 thank u!!! it relly helped me out thank u!!!
it relly helped me out

]]>