Jquery AnythingSlider plugin not working for some strange reason.

Question

I'm extremely frustrated, I can't figure out what I'm doing wrong with this slider. How I have done it looks exactly the same as how the example page does it, except the example page is working, and mine isn't. I know the script is at least running because it creates some extra <li> tags with the class 'cloned', but nothing is moving.

For convenience I have posted all relevant code on pastie: pastie.org/622800 The plugin example page is here: http://css-tricks.com/examples/AnythingSlider/

I would REALLY appreciate anyone answering this question, I'm tearing my hair out here.

Thanks.

Answer 1

I've not used the AnythingSlider plugin myself, but I do notice that your class attribute is different from theirs.

you have:

 <div class="container_16 slider" id="slider">

and they have

 <div class="anythingSlider">

Try changing yours (and related css) to

 <div class="container_16 anythingSlider" id="slider">

or

 <div class="container_16 slider anythingSlider" id="slider">

I tested your html with their css (instead of yours) and it is working. The content is moving as expected.

I'd recommend taking their example css and modifying it to the style you want as the plugin seems to depend on it.