Manually trigger play/pause of slider

  • Resolved ipanis

    (@ipanis)


    1 month ago

    Hello, is there a way to manually play/pause my slider? I have a slider about halfway down my page and I’d like for it to only start playing once the user scrolls it into view. The scroll trigger part I can figure out, however I’m not sure if there’s a way to pause or play the slider with code. I have read the FlexSlider documentation here and was wondering if this is the right track.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Steve Burge

    (@stevejburge)

    Hi @ipanis. Thanks for using MetaSlider. We have just added a Play / Pause option to MetaSlider that you may be able to build off. You’ll find Play and Pause functions around line 865 of jquery.flexslider.js.

    Thread Starter ipanis

    (@ipanis)

    If you’re familiar with the code, may I get pointers on how to call those functions? I’ve tried:

    $("#metaslider-id-68045").pause()

    $("#metaslider-id-68045").flexslider('data').pause()

    $("#metaslider-id-68045").flexslider('pause')

    …and they keep showing up as undefined. Sorry, the codebase is a little bit difficult to read and I haven’t worked with jQuery in a while.

    Plugin Author htmgarcia

    (@htmgarcia)

    Hi @ipanis

    I recommend to take a look to Flexslider docs to get more details about how to manipulate the slideshow instance https://github.com/woocommerce/FlexSlider

    About the undefined errors, be sure that flexslider library loads before your custom code, otherwise you’ll keep seeing these errors.

    Regards

    Plugin Author Steve Burge

    (@stevejburge)

    Thanks for using MetaSlider. We’ve not heard from you in a couple of weeks so are closing this for now. Please follow up if you still have questions.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.