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
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.
|