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

Simplest photograph gallery. hello, great site, but i can not get this to work in IE7. Works great in netscape, firefox, and opers.
(16.04.2007, 16:57)

Bob, try it now.
(16.04.2007, 19:54)

Works great now, thank you very much. What was the solution?
(16.04.2007, 21:59)

Bob, for some unknown reason IE7 needs a width for the containing #gallery div.
#gallery {position:relative; width:750px;}
This width can be 100% (which is the default) but IE7 will not work unless this is styled. IE6 is fine.
(16.04.2007, 22:16)

I am try to use a combination of your gallery examples and am having difficulty with larger images. Is there a method to 'limit' image size?

portal 400x400
image 300x300 displayed 300x300
image 600x300 displayed 400x200

Using max-width/max-height in some combination.

It does seem possible to do when only one (width or height) dimension needs limited, but looks impossible to maintain aspect if both exceed the portal limits?! (without ... ugh ... javascript)

Any way you see to accomplish this?
(17.04.2007, 15:36)

Gerhard Groebe:-
Hi, I'm just beginning to test your script and here is my question: do you know a simple (of course...) way of "preloading" a first image on the left side. So that the page doesn't start with an empty space but with an image loaded.
Thanks a lot
(19.04.2007, 10:33)

Michael Dresser:-
Hi Stu
Great gallery but I'm still having probs with it in IE7 - I'm literally copying and pasting your code without changing anything and hovering over the last thumbnail causes 2 gaps to appear in the row below, pushing the rest of the thumbs along a space. Don't know if this is different to the prob Bob was having above....??
(27.04.2007, 21:17)

7 of 47 comments (part 5). [ « ] [ * ]


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