Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

Javascript Image Rollover

Options
  • 23-08-2005 1:07pm
    #1
    Closed Accounts Posts: 14,483 ✭✭✭✭


    This post has been deleted.


Comments

  • Registered Users Posts: 68,317 ✭✭✭✭seamus


    Yeah, should be simple enough.

    As code example from the web:
    [html]
    <A HREF="somewhere.html"
    onmouseover="document.sub_but.src='movedown.gif'"
    onmouseout="document.sub_but.src='moveup.gif'">
    <IMG SRC="thumb.gif" ALT="Move your mouse over me" NAME="thumb_but">
    </A>
    <IMG SRC="moveup.gif" WIDTH="143" HEIGHT="39" BORDER="0" NAME="sub_but">


    [/html]
    Usually the onMouseOver() event calls a javascript function, like swapImages(imgID, newImage), where imgID is the ID of the existing image, and newImage is the href of the new image.

    If you just change the imgID to the ID of the larger image on the right, it should work just as well. Have you got an example of your code?


  • Closed Accounts Posts: 8,478 ✭✭✭GoneShootin


    Try looking at DHTML Layers aswell, might be what your looking for

    http://www.jsworkshop.com/dhtml/list06-2.html


  • Closed Accounts Posts: 14,483 ✭✭✭✭daveirl


    This post has been deleted.


  • Banned (with Prison Access) Posts: 16,659 ✭✭✭✭dahamsta


    DW code is often quite clever, but very badly written from a reuse POV. The PHP code it spits out is awful too. Handy for firing something out quickly, like the Bertie thing I did last year, but you invariably end up rewriting it anyway. They should really bundle ADODB or something.

    adam


  • Moderators, Politics Moderators Posts: 39,933 Mod ✭✭✭✭Seth Brundle


    Seamus's code is good but it is also preferable to pre load the onmouseover image when the page is downloading, rather than when the user moves their mouse.
    Add this into the head...
    <script language="JavaScript" type="text/javascript">
    <!-- 
    image1 = new Image();
    image1.src = "movedown.gif";
    //-->
    </script>
    


  • Advertisement
  • Registered Users Posts: 68,317 ✭✭✭✭seamus


    Yes, I should add, that code I got a pulled from some page and altered very slightly.
    It's rollovers at their simplest. There are much neater and more flexible ways of doing it, as Adam and kbannon point out.


  • Closed Accounts Posts: 14,483 ✭✭✭✭daveirl


    This post has been deleted.


  • Moderators, Politics Moderators Posts: 39,933 Mod ✭✭✭✭Seth Brundle


    daveirl wrote:
    This post has been deleted.
    ...and I bet it used a lot more code than mine! :D


  • Closed Accounts Posts: 14,483 ✭✭✭✭daveirl


    This post has been deleted.


Advertisement