Grow your CSS skills. Land your dream job.

Coda Slider and WordPress

  • # September 29, 2008 at 7:40 pm

    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:

    Code:
    Error: D.easing[this.options.easing || (D.easing.swing ? "swing" : "linear")] is not a function
    Source File: http://www.erikakers.com/wp-includes/js/jquery/jquery.js?ver=1.2.6
    Line: 11

    Any ideas? Whats the setting I’m missing that I’m sure makes all of this work. Oh the web URL is http://www.erikakers.com

    Again, it works perfectly on the local file I have so I’m sure this is something with WordPress, I just can’t figure it out.

    # September 29, 2008 at 11:31 pm

    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?

    Thanks.

    # September 30, 2008 at 6:39 am

    Hi,

    Removing the 300px negative margin from .wrapper will show all the items.

    I’m not getting the twitter feed showing at the moment.

    Hope that helps.

    Tob

    # September 30, 2008 at 6:56 am

    Just realised that destroyed the page.

    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.

    Looks OK now.

    Tob

    # September 30, 2008 at 10:14 am

    Thanks so much, and that is why it’s great to have a fresh set of eye to look at it. I totally spaced the fact that I had already used a class of wrapper.

    Thanks again.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".