hyperlinking images

rizla · 03-25-2011, 01:41 AM

hi

i'm kind of new to web development and graphic design and needed some help with some stuff. I'm trying to create a hyperlink out of an image however I want to do it for multiple pieces of the image.

Is this possible? I was able to create a hyperlink out of one of the images however I couldn't do it for multiple images of that one big image.

Can someone please help?

Thanks

DHDdirect · 03-25-2011, 02:16 AM

It has been a long time but I know you can do it easily with Adobe Fireworks and it'll export the html for it as well. It is called image maps.

HERE is a nice tutorial for creating one manually.

jumpingspider · 03-26-2011, 02:33 AM

Quote:

Originally Posted by DHDdirect

It has been a long time but I know you can do it easily with Adobe Fireworks and it'll export the html for it as well. It is called image maps.

HERE is a nice tutorial for creating one manually.

This would truly help a lot!! Appreciate your effort on sharing this!

toxic · 03-31-2011, 08:37 AM

@DHDdirect: Thanks for sharing a great tutorial. I'm actually looking for the same answer. Thanks again. I would gladly put this on my blog.

sumonmg · 03-31-2011, 09:26 AM

Good question very web developer first time face this kind of problem. But no matter

<a href="http://www.clippingpathindia.com">Clipping Path</a>

you use this format. This is your solutions

.

ronaldroe · 03-31-2011, 04:10 PM

There is a solution without using dated image maps. Set the image as the background of a div. Then create divs positioned where you want the links. Use a 1px transparent Gif stretched across the positioned divs and hyperlinked. If people are interested,I can make an example later today.

notarypublic · 03-31-2011, 04:50 PM

The problem with image maps is that by today's standard they would hardly be considered interactive. Navigation bars change color when you mouse over them, or expand, or things like that - something image maps tend to fall short with.

BMA · 04-08-2011, 02:31 AM

http://cliffordvocationalservices.co...CostsMenu.html

In this example, we drew the image in Photoshop and then created horizontal rules and vertical rules used to chop the image up. We simply centered the lines and inserted the images. Active areas of the image were loaded as roll overs to make it more interactive.

goldenwaters · 05-02-2011, 01:47 PM

Without going far, you can use even Dreamweaver, all you need do is Highlight the image you want to use as an hyperlink, then at the property panel, look out for link. Then type the page to which you want to link the picture to.

Thanks,
Golden Waters,

che09 · 05-03-2011, 01:06 AM

It is possible to create image maps by hand, using a text editor, however doing so requires that the web designer knows how to code HTML and also requires them to know the coordinates of the areas that they wish to place over the image. As a result, most image maps coded by hand are simple polygons.

03-25-2011, 01:41 AM	#1
rizla New Member Join Date: Mar 2011 Posts: 1	hyperlinking images hi i'm kind of new to web development and graphic design and needed some help with some stuff. I'm trying to create a hyperlink out of an image however I want to do it for multiple pieces of the image. Is this possible? I was able to create a hyperlink out of one of the images however I couldn't do it for multiple images of that one big image. Can someone please help? Thanks

03-25-2011, 02:16 AM	#2
DHDdirect Gold Member Join Date: Feb 2011 Location: Australia Posts: 369	It has been a long time but I know you can do it easily with Adobe Fireworks and it'll export the html for it as well. It is called image maps. HERE is a nice tutorial for creating one manually. __________________ Jason H. DHDdirect.com Domains - Hosting - Design

03-31-2011, 09:26 AM	#5
sumonmg New Member Join Date: Nov 2010 Posts: 13	Good question very web developer first time face this kind of problem. But no matter <a href="http://www.clippingpathindia.com">Clipping Path</a> you use this format. This is your solutions. __________________ Atiqur Sumon Chief Executive, Clipping Path Specialist Clipping Path India Vector Image India

03-31-2011, 04:50 PM	#7
notarypublic Silver Member Join Date: Feb 2011 Posts: 191	The problem with image maps is that by today's standard they would hardly be considered interactive. Navigation bars change color when you mouse over them, or expand, or things like that - something image maps tend to fall short with. __________________ http://www.joshualoves.com/

04-08-2011, 02:31 AM	#8
BMA Bronze Member Join Date: Jul 2008 Location: Galax, VA Posts: 61	http://cliffordvocationalservices.co...CostsMenu.html In this example, we drew the image in Photoshop and then created horizontal rules and vertical rules used to chop the image up. We simply centered the lines and inserted the images. Active areas of the image were loaded as roll overs to make it more interactive. __________________ Home Health Care Marketing, Physical Therapy Marketing Home Health Care Brochures, Physical Therapy Brochures *Brazzell Marketing Agency - Be First in the Minds of Your Customers!*

03-31-2011, 08:37 AM	#4
toxic Banned Join Date: Mar 2011 Location: somewhere over the rainbow Posts: 6	@DHDdirect: Thanks for sharing a great tutorial. I'm actually looking for the same answer. Thanks again. I would gladly put this on my blog.

03-31-2011, 04:10 PM	#6
ronaldroe Platinum Member Join Date: Jan 2011 Location: Oklahoma City, OK Posts: 676	There is a solution without using dated image maps. Set the image as the background of a div. Then create divs positioned where you want the links. Use a 1px transparent Gif stretched across the positioned divs and hyperlinked. If people are interested,I can make an example later today.

05-02-2011, 01:47 PM	#9
goldenwaters Bronze Member Join Date: Feb 2010 Location: Satellite-Town, Lagos, Nigeria, West-Africa. Posts: 89	Its Possible! Without going far, you can use even Dreamweaver, all you need do is Highlight the image you want to use as an hyperlink, then at the property panel, look out for link. Then type the page to which you want to link the picture to. Thanks, Golden Waters,

05-03-2011, 01:06 AM	#10
che09 Gold Member Join Date: Nov 2010 Posts: 324	It is possible to create image maps by hand, using a text editor, however doing so requires that the web designer knows how to code HTML and also requires them to know the coordinates of the areas that they wish to place over the image. As a result, most image maps coded by hand are simple polygons. __________________ FTP hosting

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode