Mobile Friendly Website


Doing it with style


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

Znupi, some browsers do not download the image when using display:none; so that when hovering you may have to wait whilst the image downloads. With this method the image is downloaded but not displayed so that you get no delay when hovering.
But you can use whatever method you like. Even visibility:hidden; and visibility:visible;
(17.03.2007, 23:27)

where do I get this script?
(24.03.2007, 11:07)

Hi Stu, I want to use this on a page that will have a lot of images, how can I make it so the larger image box appears above the page?
(26.07.2007, 14:07)

Not letting post, keeps saying "posting error" (Not too helpful :s )I'll just email you the question.
(29.07.2007, 07:15)

Uhm where can i find the code for this script? or any download link?
(19.09.2007, 14:49)

Ian Tresman:-
I've tried this with two images next to each other, but in MSIE, the small images shows through the large image. I know the solution lies with z-index, but I'm darned if I can find it.
(28.10.2007, 18:39)

Ian, just add z-index:200; to the #menu a.p1:hover .large style.
(28.10.2007, 18:45)

I have tried the image magnification but have a small problem. If I have a mixture of Portrait and Landscape images the magnification is fixed width and height. I have tried using % for the width and height attributes in the

#menu a.p1:hover .large



width:200%; height:200%

but to no avail.

Can I modify the CSS to maintain the aspect ration of the images whne enlarged.
(29.10.2007, 12:43)

hey just wanted to say thanks for this. it worked perfectly for me. i used this for a class project, so thanks again.
(12.01.2008, 12:26)

Oscar M.:-
i can't see the code
(16.04.2008, 17:07)

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