Mobile Friendly Website


Doing it with style

image scroller 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

Steve Williams:-
It is a bit weird behaviour wise in Safari, the compressed image shows in the box when the pointer isn't over the 'nav' bar - there's also some weird effect in the nav bar too... I'll post a screen grab if you're interested?
(20.10.2005, 20:37)

Steve, thanks for the feedback. The compressed image should be seen when the pointer is not on the green 'scroll bar'. It is replaced by the panoramic image when the pointer is over the green 'scroll bar', and yes I would like a screen shot of the weird effect.
(20.10.2005, 21:28)

Jo-an, Firefox v1.5 fixes all the flicker and mousewheel scrolling problems.
(30.11.2005, 12:19)

Dave Bodenstab:-
With IE 6 on win XP, I do see flickering as the
image is scrolled; using a network monitor, I see that IE is re-fetching the image for each
scroll position.

My real question: what is the purpose of
'#picture ul {margin:0; padding:0; width:320px; height:30px; list-style-type:none; background:#040 url(../graphics/henge.jpg) no-repeat 0 200px; margin-top:240px;}' specifically, the background attributes 'url' and '0 200px'? I don't see where either 'url' or '0 200px' fits in.
(06.08.2006, 20:56)

Dave, the background attribute url() places the image between the brackets as the background image (in this case it is the full wide image of stonehenge.
no-repeat is fairly obvious in that the image is placed only once in the background.
0 200px is the position of the background image, the first number is the distance from the left left and the second number is the distance from the top.
This sets up the initial position of the scrolling background image and places it out of sight beneath the bottom green band.
(06.08.2006, 21:49)

I just wanted to give praise to somebody that obviously knows and loves his art.

You're a CSS icon, thanks for the lessons!
(15.10.2006, 21:14)

Hey Stu,
How do make the image scroller show up when you print??
(22.11.2006, 05:22)

Thought you might want to see your work in action:
(26.12.2006, 03:06)

Hi Stu,

wonder if you can help?
I am trying to create a two column webpage using css. The LH column is a fixed width with just basic text in - the RH column has an image with text underneath.
I am wanting the RH to work as a percentage width to allow fluidity on the text. However when I resize (reduce) the screen size the RH column moves under my LH column.
I am wanting the RH to remain at the side of the LH (not move under) and bring the scrollbar into play to allow all the image to be seen.

Hope this makes sense - thanks in advance for your help.
(22.06.2007, 14:57)

I use panoramas a lot and have tried Java, javascript, etc; but yours is by far the cleverest. The only problem is adapting it for different sizes of image (I have a large variety), which I have found to be quite tricky, is there some way of making this easier?
(17.03.2008, 11:19)

10 of 11 comments (part 1). [ » ] [ * ]


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