CSS Image Gallery Question

[Interface]

Hi all,

I have implemented the css image gallery and it looks great. I just have a quick question.....is it possible for the first image in the gallery to display automatically? I have tried myself but had no look so far.

If anyone can help me it would be appreciated.

Thanks

Dave

[jscheuer1]

Probably.

Please supply a link to the Dynamic Drive CSS library demo page for this effect.

[Interface]

The address of the gallery is:

http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/

Thanks

[jscheuer1]

OK, well unless you want to use javascript, it might not be able to be exactly as you envision it. Check out this demo:

http://home.comcast.net/~jscheuer1/side/cssimagegal.htm

Works well for the images that fill or that about fill the display zone (gallerycontainer) but, check out the problems with the two text linked smaller images. These could be padded individually as I did for the horse image but, it would be more obvious because they are so much smaller.

The text and other layout of the overlay could be added to what is the default image, if desired. This could be done by making it an image that includes those things or by actually laying it out into the display zone.

This could all work out very nicely for images of about the same size.

Now, I don't know how you would feel about using javascript as this is a css only effect. Some javascript could be added so that the initial image was shown and subsequent images remained until replaced. If done a certain way, this effect could simply be absent when javascript was not available, allowing the gallery to function as it does without javascript.

[Interface]

The link doesn't show any pictures or the first image on screen.

Im not using the text links it will all be thumbnail pictures.

I'm quite happy to use javascipt but I would like to keep the css rollover effect.

Thanks so far for your help.

[jscheuer1]

The link doesn't show any pictures or the first image on screen.

I used the DD images by linking to them via base href and absolute path. Something is blocking that from working, it worked at first. If you copy the page's source and view it locally, you will probably see it in all its glory.

Or, if you simply cache the images by viewing them all on the DD demo page and then switch to my demo, it should work, unless you have your cache turned off.

[Interface]

Thanks for that, its perfect for what I want.

Will try implementing it on my site tonight.

Cheers

Dave

[forum]

Hi John,
I am trying to get same image gallary mouseover effect on all my 50plus images and have posted my thread also. How can I achieve that, what coding I need to have that effect?
http://www.dynamicdrive.com/forums/showthread.php?t=19682