Mobile Friendly Website


Doing it with style

click 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


I am new to css and images, my little site has been improved because of your code. Anyways, i wanted to get a little help on having a main picture when my page loads. As of now "views of london" is the main image type thing. Can i get a image as my main pic to start the page? I cant figure it out.

Thanks for all your help.
(11.10.2007, 23:46)

Thank you Stu for your great site. I've gotten such great information here.

My gallery is working fine in IE7 but not in FF or Opera. I've the active/focus on the span, but in FF it won't stay visible when the thumbnail is clicked although the image does (there's a background image there too that I'm trying to fix right now, so you may see that popping out from below the selected image).

In Opera, neither the image nor the span is visible unless the thumbnail is clicked and the mouse keeps it that way. Can you tell me what I'm doing wrong here?
(18.10.2007, 23:03)

Stu –

Thanks for such a great site – I’ve used several of your designs and they all work like a charm!

For “An :active Photograph Gallery for fast download speeds”

I wanted to know, is there a way to center images when the image size is narrower than 406px?


- wcDogg
(09.11.2007, 23:06)

Heh, heh -

Figured out how to center photos when narrower than container:

<div class="thumbs">

<div align="center" class="thumbs">

This centers the title and caption as well.

Have a good one!
(13.11.2007, 17:51)


I really like this gallery, its very effective. However, it doesn't seem to work in safari. The large image will show when you click on the thumb but then disappear as soon as you move the cursor away from the thumb. Any suggestions?
(06.12.2007, 15:43)

I like your galleries in particular I want to use the gallery for fast loading pages. But I am having problems with it, the main image shows along with the small image when viewed in a broswer, so I must have done something wrong but cannot figure out what.
(18.02.2008, 01:04)

This is awesome and I have been using it the last couple of months. One thing someone pointed out to me they found frustrating though. If they click on the thumbnail the image pops up like it should. But when they click off the page or try to use the side browser to scroll down the image disappears.

How do I make it so that the larger image only disappears when the next thumbnail is selected rather then disappearing when you click anywhere off the thumbnail. I hope that made sense.
(18.02.2008, 19:36)

Monty, you will need to use a javascript version of this menu if you want a clicked image to stay on screen at all times. See my other site for javascript galleries.
(18.02.2008, 20:25)

I found a javascript to force focus in safari, but don't how I have to implement it... maybe someone has an idea and want to helps me? Or maybe stu can implement it in his demo?

<script type="text/javascript">
function getfocus(id)

Then for each instance, you include

id="xxxxxx" onclick="getfocus(id)"

This works, but then it makes a weird outline, in order to get rid of it you need to add:
outline: none; to your css file
(18.02.2008, 22:38)

Awesome I'll check that out. Thank you for the quick reply Stu.
(19.02.2008, 21:47)

10 of 136 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