I’m working on adding the Coda Slider to my Blog and happen to come across Chris’ article on NetTuts about close to the same thing I’m doing. Well after working on it local and getting to work and function perfectly, I decided to add the finished product to my blog, which is WordPress.
So I upload everything to my server link the jquery files, upload the new css file, etc. and reload the page. The slider shows up, kinda. Only three things show and not 7 like it’s set to. The sliding function doesn’t work at all and I get this error, from the web developer’s tool bar inside firefox:
Okay, I got some things figured out and more or less got the slider function working, but there is a small glitch. For some reason it’s only showing two items instead of the 7 I have the call back set to.
To make things crazier, I uploaded the HTML verison that I built on my desktop to see if that had any prolbems and let I said in my first post it works perfectly.
Here is the address to that: http://www.erikakers.com/slider/slider.html
Again the basic styling is working on my blogs main page, http://www.erikakers.com but it’s only showing two items. So anyone ever seen this or know what the problem is?
You have a class in the coda slider called .wrapper the same as your main content .wrapper which is taking on the css rules e.g the nevative margin. Change your main content div to id="wrapper" and use the class for the slider.