Mobile Friendly Website


Doing it with style

Simplest photo gallery COMMENTS

Welcome to my Comments Pages

Please note. I get a few hundred emails a week from visitors asking for help, or posing questions on how to modify my demos to suit their application and I read them all. Unfortunately I only have a limited amount of time to spend answering these questions.

So if I do not reply, please do not be offended, and if I do reply then you are one of the lucky ones.

If you are asking for permission to use any of my demonstration then please email me with your request stu{at}

Post a comment

Current posts

Hi Stu

Thanks for a briliantly simple bit of CSS!
It's at

I've got about 50 images in my gallery - so to get the big picture to always be visible, I changed its position to position:fixed. But now, when I mouseout, the thumbnail changes so you can't see what it is.... any thoughts on how to fix it would be appreciated.

(10.12.2007, 07:57)


How do you go about displaying a textural description of the images below the images that apper on hover of the thumbnails.

(04.01.2008, 03:21)

I am also (as Claire and Gerhard) looking for a way to have an image "preloaded" on the left side. Or at least a way to fixate an image when you click it (That would be nice too).

Thank you very much for all this excellent scripts.
(17.01.2008, 06:48)

Lots of posts to have a pre-loaded image or default image. But no answer. Please, this would be very helpul
(01.03.2008, 21:37)

As this is the simplest photo gallery it was never intended to have all these extra features, but I may produce another version that has a default image and descriptive text.
(01.03.2008, 22:03)

I am so happy I have found your website! I love the photo galleries, mine looks great in Firefox but in IE it just lists the pictures. I have a Yahoo template store, and I have placed the css under css edit and the html on the page. I have tested a few options but I cannot figure out where to place the DTD. My web page is here:

Thanks for any help!
(07.05.2008, 17:46)

Maria, I do offer a service to get my demos working in your web pages. Just emial me stu{at} for details.
(07.05.2008, 18:00)

Hi Stu
I found your CSS gallery demo on and adapted it for a site I'm building. Where you use position:absolute for the large image to display in the same area, I used position:relative because the list of thumbs is vertical and kinda long. Anyway, it works great in Firefox, but not in IE7 or Safari. For IE I used position:fixed which solves it. In Safari it displays the image with chunks missing. Very odd - I wonder if you had any ideas? The site is here:
(05.02.2009, 21:07)

This is awesome, thanks so much. I know nothing about web design and it works great.

What would I need to add to the code (and where) to display a different thumbnail - essentially, a thumbnail and a rollover image as 2 different images. I love that it resizes the big image, but it takes so long to load...
(10.06.2009, 03:55)

Matt Howell:-
This gallery is perfect for showing different sized images, with one caveat: the default image is persistent and I can't figure out how to hide it when the selected image is smaller than the default.
Could use js I suppose but would rather not.
(29.05.2010, 14:46)

10 of 47 comments (part 2). [ « ] [ » ] [ * ]


Your comment:

Your Name:

Stu's First Name - 3 letters (required)

Thanks to Alex for this script.

Please enter your comments for this site page.
Please note that all posts are moderated.

Posting rules

HTML is turned off
Maximum word length is 80 characters.
Messages limited to 1200 characters.
Web links should not include 'http://'


Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


Facebook Twitter rss feed Facebook Fan Page