Grow your CSS skills. Land your dream job.

bxslider will not stop auto play when clicking a navigation link

  • # January 17, 2013 at 1:10 pm

    I am having an issue where the slider will not stop auto play when I click a link on my navigation menu. I start the slider via:

    $(‘.bxslider1′).bxSlider({auto: true,autoControls: true});

    It auto plays and works, but if I try to stop the slider by creating an onclick function or .click() jQuery like:

    $(“.nav-portfolio”).click(function() {
    slider = $(‘.bxslider1′).bxSlider();
    slider.stopAuto();
    });

    It seems to do something for a split second and then start again. The reason I need to stop the slider is, I am using jQuery waypoints for anchor links to scroll smooth horizontally, and the panels start moving back and fourth by 1 or 2 pixels (which i disabled the slider and found it to be the cause) and its really annoying for the user.

    Any help would be appreciated.

    # January 20, 2013 at 4:57 am

    try these options under ‘Auto’

    http://v3.bxslider.com/options/

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

You must be logged in to reply to this topic.

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