Change Image Source

**Mushroom Realm** · Mar 16th, 2003, 04:38 PM

I am using two images (one for the menu title, and one for the menu when it is dropped down). What I want is that when the mouse runs over a certain menu option another menu pulls out to the left of it. I dont thnk i explained tis to well, if anyone needs more then please ask. Well I tried putting an onmousover in the image map's area tag, but that did nothing. So then I tried using the onmousemove in the same place. This caused the image to show an empty source. I checked several times and the source is indeed there. Does anyone know what I am doing wrong?

**The Hobo** · Mar 17th, 2003, 06:58 PM

If you just want to swap images...

Code:

<head>
    <script type="text/javascript">
        <!--
            function swap(s, t) {
                if (window.document.images) {
                    window.document.images[s].src = t;
                }
            }
        //-->
    </script>
</head>

Use:

Code:

<img name="img1" src="a.gif" onMouseOver="swap('img1', 'b.gif');" onMouseOut="swap('img1', 'a.gif');">

Something like that.

**Mushroom Realm** · Mar 17th, 2003, 07:59 PM

That works for the dropping of the full menu, but i need a side scroll out menu (kind of like a third level menu in vb).

**da_silvy** · Mar 18th, 2003, 02:27 AM

That isn't a simple matter of changing an image source.

It's some sort of scripting, perhaps dhtml.

Check out some script sites

www.javascripts.net etc

Thread: Change Image Source

Thread Tools

Display

Change Image Source

Posting Permissions