Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Jul 2003
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    need rollover effect w/o link

    Is there a way or workaround for this? I want to use mouseover effects but without the clickable link involved, so the image changes but clicking has no (detectable) effect, and preferable where clicking does not put a fine dotted marquee around the image, perhaps even without the cursor turning to a pointing hand. I thought of having the link open an invisible div layer or something, but I am very new to javascript and haven't had time to play with that yet. I just want an interactive visual effect on the page.

  • #2
    New Coder
    Join Date
    Jul 2003
    Posts
    73
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Here's what I think you're looking for:

    http://www.dynamicdrive.com/dynamicindex15/domroll.htm

  • #3
    Kor
    Kor is offline
    Red Devil Mod Kor's Avatar
    Join Date
    Apr 2003
    Location
    Bucharest, ROMANIA
    Posts
    8,478
    Thanks
    58
    Thanked 379 Times in 375 Posts
    the wickford example is not exactly what ericjt is looking for. Furthermore, it works for IE only.

    I think you can obtain that kind of effect when onclick if you include the event inside a "neutral" dividing tag, such as DIV, whith the image inside, instead of includung that event in <a href> tag (the latter will always make visible that fine dotted marquee you mentioned.

    try something like:
    <div onclick="somefunction()">
    <img src="image.gif">
    </div>
    KOR
    Offshore programming
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

  • #4
    Regular Coder
    Join Date
    Sep 2002
    Location
    Surrey, UK
    Posts
    119
    Thanks
    0
    Thanked 0 Times in 0 Posts
    quite simply:
    <img src="before.gif" onmouseover="this.src='after.gif'" onmouseout="this.src='before.gif'">
    And it helps to have the image preloaded

  • #5
    New Coder
    Join Date
    Jul 2003
    Posts
    73
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Good one ahosang. I should have thought of that.


  •  

    Posting Permissions

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