I've got a div which is filled with images (<img src=http://www.webdeveloper.com/forum/archive/index.php/"....>) during runtime.
The whole div is then scrolled left and right by the user.
(there's a mask div over the top so the user is only seeing the central 2 or 3 images at any one time)
When the dic is scrolled left, the images at the extreme end simple dissapear off the end of the screen - perfect!
Problem comes when the div reaches the right-hand side of the screen. Instead of conveniently disapearing, the images start to wrap underneath each other. (and out from the bottom of my mask!).
Is there any way to prevent this 'wrapping'?
I've ponderd on removing each image in turn as it reaches the edge, but it's a ridiculously contrived fiddle who's code is almost as long as my page was in the first place!!.
p.s. - before you ask, I have reasons for not using the 'marque' tag!!
Cheers
Simon
The whole div is then scrolled left and right by the user.
(there's a mask div over the top so the user is only seeing the central 2 or 3 images at any one time)
When the dic is scrolled left, the images at the extreme end simple dissapear off the end of the screen - perfect!
Problem comes when the div reaches the right-hand side of the screen. Instead of conveniently disapearing, the images start to wrap underneath each other. (and out from the bottom of my mask!).
Is there any way to prevent this 'wrapping'?
I've ponderd on removing each image in turn as it reaches the edge, but it's a ridiculously contrived fiddle who's code is almost as long as my page was in the first place!!.
p.s. - before you ask, I have reasons for not using the 'marque' tag!!
Cheers
Simon