images

[Trey]

how do you make, so that, say you have one image in your nav bar, say home, and its gray. but when you hover over it, it changes to a new image, a blue home image. like, heres an example


http://hwmodels.ovh.org/awesome website btw

anyways, see his navbar, how the images change from gray to orange, how do i do that

[flabbyrabbit]

This is the easiest script i have found, i havn't tested it and it seems abit strange but hopfully it will work:

Code: Select all

<A
    HREF="rollover_target.html"
    onMouseOver = "rollover('home')"
    onMouseOut  = "rollout('home')"
    ><IMG
    SRC="../graphics/home_out.gif"
    NAME="home"
    ALT="Home Page" BORDER=0
    HEIGHT=130 WIDTH=115
    ></A>
<SCRIPT TYPE="text/javascript">
<!--
setrollover("../graphics/home_over.gif");
//-->
</SCRIPT>


If it dosn't then just look through these,
Flabby Rabbit

[Trey]

where do i place the names of the original image and the new image

[flabbyrabbit]

Code: Select all

<A
    HREF="rollover_target.html"
    onMouseOver = "rollover('home')"
    onMouseOut  = "rollout('home')"
    ><IMG
    SRC="../graphics/home_out.gif"  //ORIGINAL IMAGE
    NAME="home"
    ALT="Home Page" BORDER=0
    HEIGHT=130 WIDTH=115
    ></A>
<SCRIPT TYPE="text/javascript">
<!--
setrollover("../graphics/home_over.gif");  //ROLLOVER IMAGE
//-->
</SCRIPT>

[Trey]

thankyou soooo much