srlagarto
03-21-2009, 01:10 PM
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?
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?