Hey all,

I'm developing a small image scroller script and so far, I managed quite well.
(Don't start me about ugly or bad code. )

I'm having a small bug when viewing the scrolling in Firefox.
Each time the images are all 'updated' (They all move one table data to the left), you see a flash with the next image.
Strangely this doesn't happen in IE.
Anyone can help me with this?

[ Scroller + code ]
http://pcpraedinius.nl/scroller

Regards,
Insensus

My hunch is it's because you're using tables (you have a weird jerky issue in IE6 by the way.)

This would actually be a case for absolute positioned divs within a relatively positioned div. You have div 1, 2, and 3 for your images, each of which is positioned at top: 0, left: (sum total of whatever widths of the previous images are to start + padding space), and then you slide them over. When left is less than -1 * width of image, left becomes width of the other images + padding space + a little bit to keep it away from the other stuff.

I don't really see what you mean with that last part.
I'll try the same thing with divs.

Regards,
Insensus

Edit: I tried it. No improvement at all. The only thing that changed was that it was even harder for me to position the whole scroller and to change the padding easily.

Edit 2: I figured of one way how to fix it but I'm not certain yet whether it will work and how to implent it.
Here's my idea:

Put all the images in the table twice. (Script-wise of course. Not by adding them two times manually.)
Let everything pass once.
When that's over place the whole table back at the beginning.

Thanks for your help Adam, but my solution works great.

Regards,
Insensus

As long as you got it, that's all I care about.