Build Your Own Arcade Controls Forum

Main => Everything Else => Topic started by: squirrellydw on October 07, 2008, 10:15:26 am

Title: clickable images on website
Post by: squirrellydw on October 07, 2008, 10:15:26 am
I need to have an image on our sharepoint website be clickable.  I would like to be able to have 3 different links on the same image, is this possible?  If so could someone post the html code so I can figure out how to do it.

thanks
Title: Re: clickable images on website
Post by: patrickl on October 07, 2008, 10:24:12 am
Normally a clickable image wouldonly have one link. I guess you are lookign for an imagemap or something?

If so then maybe a thread like this can help:
How to make Image Map on sharepoint (http://social.technet.microsoft.com/forums/en-US/sharepointgeneral/thread/3d386e37-83a8-4ed9-bd0a-eccafc1adf7b/)
Title: Re: clickable images on website
Post by: ChadTower on October 07, 2008, 10:41:14 am

Good luck doing that in Sharepoint... I can't stand the stuff I have to do on that platform.  Makes my eye twitch.
Title: Re: clickable images on website
Post by: RayB on October 07, 2008, 10:48:09 am
just cut the image in three.

Title: Re: clickable images on website
Post by: shardian on October 07, 2008, 10:50:02 am
just cut the image in three.



That's the old school way of doing things.
Title: Re: clickable images on website
Post by: RayB on October 07, 2008, 02:05:14 pm
just cut the image in three.



That's the old school way of doing things.
Image maps are even older school.
Title: Re: clickable images on website
Post by: patrickl on October 07, 2008, 02:08:44 pm
Well I have no idea what he means with three links from one image. I'm guessing he wants something elaborate otherwise it wouldn't have been so difficult that he couldn't figure it out himself.

If possible I would probably chop it in 3 parts too.
Title: Re: clickable images on website
Post by: squirrellydw on October 07, 2008, 08:31:54 pm
the way our sharepoint works I can't have 3 separate images in a row and look like one image.  I think the imagemap should work
Title: Re: clickable images on website
Post by: Bleagh on October 07, 2008, 11:57:03 pm
If you have access to adobe image ready it is pretty straightforward.
Title: Re: clickable images on website
Post by: squirrellydw on October 14, 2008, 10:45:02 pm
so I have tried to make a image map and for some reason I can't figure it out.  Would some like to try and do it for me?  What I need is a different link for each airport logo, you can use and link you want as long as I can edit it.  once I can see the code I can change it, at least I think I can.
Title: Re: clickable images on website
Post by: Bleagh on October 15, 2008, 12:02:14 am
pmed yoo
Title: Re: clickable images on website
Post by: squirrellydw on October 16, 2008, 09:11:01 am
pmed yoo
got it, I am going to try it out today, thanks.
Title: Re: clickable images on website
Post by: squirrellydw on October 17, 2008, 06:08:03 am
works great, now if I decided to use another image, do I need to do anything?
Title: Re: clickable images on website
Post by: patrickl on October 17, 2008, 06:10:54 am
Not sure what you got, but if the clickable area's stay the same I doubt you need to change anything.
Title: Re: clickable images on website
Post by: squirrellydw on October 26, 2008, 03:00:36 pm
how about this one?
Title: Re: clickable images on website
Post by: squirrellydw on November 19, 2008, 08:35:43 am
I need this made into an image map like the other ones, I couldn't figure out how to do it.

thanks
Title: Re: clickable images on website
Post by: Blanka on November 19, 2008, 09:16:11 am
Best is to use 1 image, and 3 css elements that overlay the image. Something like here (http://www.wandawanders.com/content/view/27/49/). Choose "Display Source"
This way you can give any coordinates to the hotspots.
Title: Re: clickable images on website
Post by: ChadTower on November 19, 2008, 09:17:19 am

And I would definitely recommend desaturating that background image.  It's brighter than the text and makes it hard to read.
Title: Re: clickable images on website
Post by: squirrellydw on November 21, 2008, 10:23:35 pm
Best is to use 1 image, and 3 css elements that overlay the image. Something like here (http://www.wandawanders.com/content/view/27/49/). Choose "Display Source"
This way you can give any coordinates to the hotspots.

I have no idea how to make an image map,  I was hoping someone could do it for me.  Please
Title: Re: clickable images on website
Post by: squirrellydw on November 25, 2008, 07:19:28 pm
I figured it out :)