View Full Version : making navigation on words on a picture


JustOneSyllable
07-10-2004, 12:25 AM
Is that an image map? Because I'm not sure about it being a map and all.
Anyway .... anybody know how to do it? The LissaExplains code was really hard in the image map section, and I don't want to pay for any programs like cutemap, etc. And I don't want to download any programs period.




Any help would be REALLY appreciated. Thanks.


-Shawn

Alcy
07-10-2004, 04:13 AM
Not all image mapping programs require you to pay ;)

You could slice up your larger image and put it in a table, making sure that your slice in such a way so that any words become their own image. That way you could just use regular links.

Snoopster87c
07-10-2004, 04:33 AM
Image maps are really simple. Tell me what you dont understand about them and ill try to explain it to you :)

Cause one way you could do it is to put the words on the image then save it as one image then image map it. I'm sure theres other ways but image maps are pretty important and they are easy to do once you understand them

Snoopster87c
07-10-2004, 04:34 AM
Cause one way you could do it is to put the words on the image then save it as one image then image map it. I'm sure theres other ways but image maps are pretty important and they are easy to do once you understand them

Snoopster87c
07-10-2004, 04:54 AM
Heres a rectangular image map code (its all u'll need to know)

<img src=IMAGE.GIF usemap=#mymap width=WIDTH OF IMAGE.GIF height=HEIGHT OF IMAGE.GIF border=0>
<map name=mymap>
<area shape="rect" coords=COORDINATES OF IMAGE MAP href=WHERE THE IMAGE MAP WILL BRING YOU TO alt=DESCRIPTION(YOU DONT NEED THIS)>


CAPITALS are the variables.

X is where you list your coordinates from (erase the capitals and put ur own stuff)

X------- so picture that as an image. You list the top left and
|------| bottom right coordinates eg: 0,0,50,50
|------X

Snoopster87c
07-10-2004, 04:58 AM
I was just wondering what i wrote that you deleted lol

Dude128
07-10-2004, 05:16 AM
I was just wondering what i wrote that you deleted lol

she just combined your two posts. if you want to add or correct anything to a post within 5 minutes, you can use the Edit button instead of adding a new reply.

JustOneSyllable
07-10-2004, 04:23 PM
Thanks guys, but now the only problem is I don't know how to find cordinates. My brother told me I could find them in paint, but I guess I must be stupid or something because I couldn't find how to.

Monkey Bizzle
07-10-2004, 04:37 PM
just so you know... you don't have to pay for cute map... download the trial... it never expires

JustOneSyllable
07-10-2004, 07:43 PM
So, can somebody maybe help me find my cordinates in paint or something?

thezeppzone
07-10-2004, 08:13 PM
you can use lissas example here - http://www.lissaexplains.com/fun6.shtml

but when you are in paint, say you have 3 links vertically i.e.

GUESTBOOK
TAGBOARD
HOME

when you do the coordinates its "x1,y1,x2,y2" so in paint your very top left corner would mean x1 is 0 and y1 is 0, then you go down and right to the other edge and say its 100 over and 50 down, then your x2 is 100 and y2 is 50, i think lissas does a better job than me lol but in paint your coordinates should be near the bottom, i cant explain it well i ddi somethhing and dont have paint anymore and cant find my disk lol....yeh, so check her page out, that helped me good.

JustOneSyllable
07-10-2004, 08:35 PM
Well, do you think you could help me find cordinates in the middle? I would think that should be easier, here's a link to my website (http://www.freewebs.com/bitemydust/home.htm)

thezeppzone
07-10-2004, 09:09 PM
well, your image is 576x568 so the middle would be 288x284......are those 3 things in the middle the only things you need links to? i could throw a map together for you then you might understand it better

Snoopster87c
07-10-2004, 11:11 PM
just put your cursor over the top left of wherever u want to image map. It says the coordinates near the bottom right corner of your screen. Then do the same thing for the bottom right corner of wherever you want to image map. once again it says the coordinates near the bottom right corner of your screen. So say the top left was 120,150, and your bottom right was 220,250. Your coordinates for that one image would be 120,150,220,250. Get it?

JustOneSyllable
07-10-2004, 11:26 PM
"are those 3 things in the middle the only things you need links to? i could throw a map together for you then you might understand it better"


Yeah, just those three.



And yeah Snoopster, lol, that was a little confusing. But, it's not your fault, I'm just stupid.

thezeppzone
07-11-2004, 03:10 AM
<img src="mininotebook.JPG" usemap="#map" width="576" height="568" border="0">
<map name="map">
<area shape="rect" coords="155,182,367,196" href="martialartslink.html">
<area shape="rect" coords="155,200,367,214" href="weaponslink.html">
<area shape="rect" coords="155,218,367,234" href="secretslink.html">
</map>

just change your links(href="soandso.html") and you should be set.......

enjoy


zeppy

JustOneSyllable
07-11-2004, 03:25 AM
Dude, you're awesome! Thanks so much!

thezeppzone
07-11-2004, 05:06 AM
i know :)


lol no prob, ez as pie

3.14159 something something

JustOneSyllable
07-11-2004, 02:05 PM
Thanks, man. I really apprecitate this.