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 http://www.JeffCampana.com.

    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: http://rmss.fabianross.com.

    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:

    Code:

    In sidebar.php I added:

    I added the JQuery files as can be seen here: http://rmss.fabianross.com/wp-includes/jquery/jquery.js

    I added the custom JS file here: http://rmss.fabianross.com/wp-content/themes/rmss/js/teaser.js

    My style.css file is here: http://rmss.fabianross.com/wp-content/themes/rmss/js/teaser.js

    Any input is greatly appreciated.

    # July 24, 2009 at 2:37 pm

    Add this to your stylesheet:

    Code:
    #teaser {
    overflow:hidden;
    }
    # July 24, 2009 at 2:59 pm

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

    Ciao,

    jr

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

You must be logged in to reply to this topic.

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