PDA

View Full Version : Image Map Rollover?


BoeingDrew
10-09-2004, 07:40 PM
I am not sure if this is the correct section, my apolagies if it is. Anyway, my problem is I don't know how to create a rollover (from white text to orange upon rollover) with an image map in place. Here is the image map code...
<td colspan="2"><img src="images/index_r4_c1.jpg" alt="" name="index_r4_c1" width="779" height="48" border="0" usemap="#index_r4_c1Map"></td>

<map name="index_r4_c1Map">
<area shape="rect" coords="29,5,64,18" href="index.html" alt="home">
<area shape="rect" coords="93,5,132,21" href="about.html" alt="about">
<area shape="rect" coords="174,5,218,21" href="airfares.html" alt="airfares">
<area shape="rect" coords="237,4,301,19" href="packages.html" alt="packages">
<area shape="rect" coords="336,4,381,18" href="contact.html" alt="contact">
</map>


I am thinking that the best way would be to make the words on the map use CSS? Right now though the words are part of the image. Thanks for any suggestions...

maxadim
10-10-2004, 05:41 AM
Sorry don't follow you. Do you mean you want to change text that is actually part of the image, or you want to change a different piece of text outside the imagemap orange when you rollover a certain part of the imagemap?

BoeingDrew
10-10-2004, 05:19 PM
Since the actual text is part of the image I don't think it is possible to make "text" change upon rollover. If there is a way to do that, I think it would save tons of time... Otherwise, the only option I see now is to have the image change upon rollover. Is that a viable option, or am I better off using a different method? Basically, right now I am trying to figure out how/what my options are for getting a text-color changing rollover. Thanks for helping me out...:)

senshi
10-10-2004, 07:28 PM
use another image that you have edited with all the changes you need.

maxadim
10-11-2004, 01:41 PM
Don't bother doing it as an image rollover. Just make some normal text and add the code onMouseOver="this.style.color='#FFBB30'" onMouseOut="this.style.color='white' to the font tag (or whatever).

Hope this helps

BoeingDrew
10-13-2004, 10:23 PM
Doh! Why didn't I think of that?:rolleyes: Anyway, great idea. Thanks for the suggestion.