View Full Version : image mapping/java/graphics...I'm not sure where to ask this...


eclipse621
01-02-2003, 10:34 PM
This is kinda general because I don't know exactly what I want to do, but I have somewhat of an idea, I just don't know how to execute it. Here's my current site: http://avenger2001.darthwhoever.com

What I'm wanting to do is keep the rainbow theme, but change it a little...what I have in mind is possibly a rainbow, something like http://www.angelfire.com/grrl/susieq1/topborder2.jpg (thats just a test, still working on it) across the top, with a different link in each color, but have the word appear on each color on mouseover.

My main questions, I guess, are what type of graphic should I make that would make this easiest (make a solid rainbow like above, make each color seperate, etc) and do I then combine an image map with the java script for changing images on mouseover?

Any insight would be much appreciated!!

LadyCrow
01-04-2003, 11:07 PM
I am not sure if you can do this as a single image.
What I would do is crop it so you have 6 (7?) separate images.
Then I'd put them ina table like so.

<table cellpadding=o cellspacing=0>
<td><td><img src=red.jpg></td></tr>
<td><td><img src=orange.jpg></td></tr>
<td><td><img src=yellow.jpg></td></tr>
<td><td><img src=greeb.jpg></td></tr>
<td><td><img src=blue.jpg></td></tr>
<td><td><img src=purple.jpg></td></tr>
</table>
This would make it appear as the single image.
Then I would make each image into the link, and code in the javascript to make the mouseovers.
Hope this has helped!

lovely_sugar102
01-05-2003, 06:42 PM
I would do the same thing that LadyCrow said except different on the Javascript. Are you trying to do this?: there are no links, but when you pass over the colors, the links appear? If it is, then I would do this:

Make the image(rainbow). Then I would absolute position the links so they are all on top of each color. Make the links the same color as the rainbow. for example:

This link is red, and is on top of the RED section in the rainbow
This link is orange, and is on top of the ORANGE section in the rainbow and so on. Just make it so the links cannot be seen.
Then use CSS codes to make it so when you hover over the links, they turn into a color you can see, like white, for example. HOPE THAT HELPED! :)

LadyCrow
01-05-2003, 06:44 PM
then you only have basic links, and i do think she wanted images which so much more can be done with
this is afterall what she asked

and you dont need t'use abs positioning either

you could just put them into the table cells

lovely_sugar102
01-05-2003, 09:01 PM
Sorry! I didn't realize she meant images! And yes, you can use tables, or just use regular images and absolute position. Whichever one is easier. :)

LadyCrow
01-05-2003, 09:06 PM
No!
Never whichever one is easier, because that usually makes the page only viewable with one browser (the one you're using) or one resolution.
Use whichever one works best.

eclipse621
01-11-2003, 06:18 AM
awesome, thanks for your help :)