Author Topic: clickable images on website (Read 2491 times)

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

patrickl · « **Reply #1 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

ChadTower · « **Reply #2 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.

RayB · « **Reply #3 on:** October 07, 2008, 10:48:09 am »

just cut the image in three.

shardian · « **Reply #4 on:** October 07, 2008, 10:50:02 am »

Quote from: RayB on October 07, 2008, 10:48:09 am

just cut the image in three.

That's the old school way of doing things.

RayB · « **Reply #5 on:** October 07, 2008, 02:05:14 pm »

Quote from: shardian on October 07, 2008, 10:50:02 am

Quote from: RayB on October 07, 2008, 10:48:09 am
just cut the image in three.

That's the old school way of doing things.

Image maps are even older school.

patrickl · « **Reply #6 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.

squirrellydw · « **Reply #7 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

Bleagh · « **Reply #8 on:** October 07, 2008, 11:57:03 pm »

If you have access to adobe image ready it is pretty straightforward.

squirrellydw · « **Reply #9 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.

Bleagh · « **Reply #10 on:** October 15, 2008, 12:02:14 am »

pmed yoo

squirrellydw · « **Reply #11 on:** October 16, 2008, 09:11:01 am »

Quote from: Bleagh on October 15, 2008, 12:02:14 am

pmed yoo

got it, I am going to try it out today, thanks.

squirrellydw · « **Reply #12 on:** October 17, 2008, 06:08:03 am »

works great, now if I decided to use another image, do I need to do anything?

patrickl · « **Reply #13 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.

squirrellydw · « **Reply #14 on:** October 26, 2008, 03:00:36 pm »

how about this one?

squirrellydw · « **Reply #15 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

Blanka · « **Reply #16 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. Choose "Display Source"
This way you can give any coordinates to the hotspots.

ChadTower · « **Reply #17 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.

squirrellydw · « **Reply #18 on:** November 21, 2008, 10:23:35 pm »

Quote from: 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. 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

squirrellydw · « **Reply #19 on:** November 25, 2008, 07:19:28 pm »

I figured it out


Main	Restorations	Software	Audio/Jukebox/MP3	Everything Else	Buy/Sell/Trade
Project Announcements	Monitor/Video	GroovyMAME	Merit/JVL Touchscreen	Meet Up	Retail Vendors
Driving & Racing	Woodworking	Software Support Forums	Consoles	Project Arcade	Reviews
Automated Projects	Artwork	Frontend Support Forums	Pinball	Forum Discussion	Old Boards
Raspberry Pi & Dev Board	controls.dat	Linux	Miscellaneous Arcade	Wiki Discussion	Old Archives
Lightguns	Arcade1Up	Try the site in https mode		Site News


Unread posts \| New Replies \| Recent posts \| Rules \| Chatroom \| Wiki \| File Repository \| RSS \| Submit news