Need help to have a single image leading to more urls

[TT]

Yes kinda impossible to understand from the subject :D

Anyway, pretty simple to explain: let's say I have an image. I want to modify it so that different areas of it will link to different urls... I already saw it in the past and I don't think it is to complicated, but really no clue :D

Anybody?

[T-Bird]

I've seen on some sites that they actually split the picture into seperate pics through like photoshop or something then just line them up afterwards.

[TT]

yes that's an idea of course, but I don't like the way it then loads ;) and to have a single one is more classy ;) ... now looking for some good HTML editor website like webmonkey to see if there is a way to do it that won't require 8000 lines :D

BTW, the image is to complicated to be splitted and reassembled easily

edit :D as always my HTML turials for childs helped :D http://www.lissaexplains.com/fun6.shtml

[air_rjordan23]

yes use image map for it ..

here's another fairly simple example using rectangular shapes in the image linked to different urls http://www.ihip.com/cside.html

if you use dreamweaver it can do it for you, otherwise you have to use psp or some proprietry program to work out the coordinates which make out the area for your link

eg : coords="113, 67, 230, 134"
113 = left hand border
67 = top border
230 = right hand border
134 = bottom border
all measured in pixels of course where the top left corner of the image is 0, 0 :)

[TT]

Yes, see my edit in the previous post :D I just found out and it's pretty easy to do :D I always prefer to type my code instead of having programs creating it for me ;)

[dominiquelee]

haha I just edited my post a little after seeing your edit :mrgreen:

and yes I agree, best to do it by hand.. most html coding programs put a load of unvalidated junk code in :(.. frontpage being a good example of this, I used to use dreamweaver a lot but now I often use notepad or pine in linux to edit pages :D

[TT]

Yes, even if I am no geek, I always used only notepad to build HTML pages :D of course nothing to complicated, but still better that way IMO :D

[RC45]

Image "hotspots" is what we used to call em... ;)

[TT]

"we" doesn't include noobs :P I call them "different areas of a picture linking to different urls" :D

[crazidude]

I hate using note pad for those. I can never find the correct coordinates for the link. I use dreamweaver to draw the square then i type in the coordinates in note pad.

[saadie]

its really easy TT if yer making a webpage .... dont know how it works on messege boards .... i

[TT]

I hate using note pad for those. I can never find the correct coordinates for the link. I use dreamweaver to draw the square then i type in the coordinates in note pad


Of course to find out the coordinates I use Photoshop ;)


its really easy TT if yer making a webpage .... dont know how it works on messege boards


LOL of course it was not for a message board but for a website ;)

[crazidude]

Omg Photoshop!! I never thought of that....

[jon_s]

Omg Photoshop!! I never thought of that....

Don't worry.......yesterday, something very odd happened, I tried to load pics straight from a digi camera into JW, I completely forgot that PS existed lol