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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Simple onMouseOver / onMouseOut Query

    Hi, there.

    I've used CSS to create an image gallery - full-size images display when thumbnails are 'hovered' over, but disappear once the cursor is moved off the thumbnail. I want the full-image to remain displayed when the thumbnail is no longer 'hovered', and have been advised that I could use a Javascript to do this - but have no idea how to integrate Javascript with my CSS scripts, below:

    cape-gardens.com/2-services/2-landscaping/1-construction/1-walls/index.htm
    cape-gardens.com/scripts/style.css
    cape-gardens.com/scripts/gallery.css

    If any of you experts can shed any light on this, it would be most appreciated!

    Also, I wonder if it is possible to have the first full-image display automatically when the page is loaded, but am unsure as to whether this needs to be coded as part of the Javascript or the CSS?

  • #2
    Senior Coder jmrker's Avatar
    Join Date
    Aug 2006
    Location
    FL
    Posts
    3,065
    Thanks
    36
    Thanked 497 Times in 491 Posts

    Lightbulb See if this works for you ...

    Take a look at the codes posted here: http://www.webdeveloper.com/forum/sh...d.php?t=205077

    See if they will meet your needs or if further modifications are required.

    Good Luck!


  •  

    Posting Permissions

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