Get a free trial // Grow your CSS skills // Land your dream job

Need help with JQuery sliding image gallery

  • # July 24, 2009 at 2:11 pm

    Hi all,

    I’ve been watching the video podcasts here to learn CSS/WordPress. I’ve decided to try to create a WordPress site while following the podcasts. Episode #56 "Intregrating FoxyCart and WordPress" features the website

    I really like the sliding image gallery featured in the sidebar and feel that it’s something I would like to use on client websites.

    I’ve tried to recreate this on my testing site:

    As you can see, it’s not working. I’m not super proficient with JS or JQuery. I’m wondering if someone can help me troubleshoot the problem. Essentially, I can’t find out the JQuery script is called or activated. I’m guessing that’s the part I’m missing.

    This is what I’ve done thus far.

    In header.php I added:


    In sidebar.php I added:

    I added the JQuery files as can be seen here:

    I added the custom JS file here:

    My style.css file is here:

    Any input is greatly appreciated.

    # July 24, 2009 at 2:37 pm

    Add this to your stylesheet:

    #teaser {
    # July 24, 2009 at 2:59 pm

    Thanks Apostrophe. I had just figured that out and was coming to update my post.



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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed