Random scrolling slideshow

[ekstasis16]

Last night, I decided to make my homepage useful, so I set up a scrolling slideshow. It uses PHP, CSS and Javascript to create the effect. I found the JS code on another site, but I can't remember who posted it.

The PHP generates a randomly ordered list of images from my gallery. The JS and CSS work together to position each LI absolutely within the UL and assign a left: property to each LI so that they line up horizontally with a little padding in between. The JS animates it by changing the values of the left: property by 1 pixel at each interval of 25 milliseconds, and it seems to be pretty smooth, at least on my machine.

However, Internet Explorer is not happy with this code at all (surprise, surprise). There seems to be a weird bug with positioning the LI's absolutely and hiding/showing them through JS, so I'm serving IE users a different page. You can view the slideshow with Firefox or any other browser until I get this figured out.

http://www.erikhagen.net/

Since my Powerbook died, I haven't been able to test this out on a Mac (Firefox and Safari). If anyone is using a Mac, please let me know if you see any problems. Thanks!

[MarcusK]

It is working fine on Firefox but Safari placed them all on top of each other like a deck of cards.... but then again, i personally think IE and Safari are lousy browsers....

I do understand your point of view though, in issues of Web design you need to open up to as large an audience as possible thereby worrying about compatibility...

Anyway, that's what happened on the Mac... Firefox great (although a bit flickery, but i think it has to do with frame rate of the motion)....Safari - failed...

Hope this was what was required
Marc

[jorgemonkey]

That is a really cool slideshow, I'm trying to learn how I can put one of those up on my site.