SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot
    Join Date
    Mar 2004
    Location
    Orlando, FL
    Posts
    151
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Javascript mouseover that affects another image / mouseover machine to create code?

    Can someone direct me to a tutorial to create a javascript mouseover menu that also changes another image? The only ones I can find only change the images in the menu itself.

    Also, does the "mighty mouseover machine" no longer exist? I haven't used it in ages but it did have the option of being able to change a seperate image from the menu, and if I can find that I'd rather be lazy and use that instead lol.

  2. #2
    Function Curry'er JimmyP's Avatar
    Join Date
    Aug 2007
    Location
    Brighton, UK
    Posts
    2,006
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It can be as simple as this:

    Code JavaScript:
    document.getElementById('navbutton1').onmouseover = function() {
       document.getElementById('img').src = 'NEW/SRC.jpg'; // Change another IMG.src
    }

    A more graceful solution would be possible if we could see your code.
    James Padolsey
    末末末末末末末末末末末末末末末末末末末
    Awesome JavaScript Zoomer (demo here)
    'Ajaxy' - Ajax integration solution (demo here)

  3. #3
    SitePoint Zealot
    Join Date
    Mar 2004
    Location
    Orlando, FL
    Posts
    151
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't have any code... I've never written javascript myself before, because the only thing I ever used it for was an "onmouseover" menu ... which I always generated automatically with the "mighty mouseover machine" that used to be available on Cnet.

    Where can I find a tutorial that will explain how to do that? I'm proficient in PHP so I'm assuming it shouldn't be too difficult to pick up.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •