Jquery Moving Boxes multiple use in HTML

Question

Hi there, I am a newbie of Jquery. I downloaded a Moving Boxes code from http://css-tricks.com/examples/MovingBoxes/ It works fine in my HTML file. But my question is How to use this multiple times in one HTML page? I copied the HTML code, and change the #slider to .slider in CSS, but it doesn't work as same as the first one. Can anybody know how to fix this problem? Thanks a lot.

Answer 1

Actually, after I added the comment above, I looked at the Moving Boxes code... it's not written as a plugin so it would involve a lot of changes to make it work properly for multiple sliders. Have you looked at any other sliders? Maybe check out AnythingSlider by the same author.

---

Actually, I had some time so I converted the Moving Boxes code into a plugin. I posted the basic directions in my blog. Here is a link to get a zipped file with an updated demo (zipped file; you need to go to that link to download, I'm not sure why you can't right click and save)