Question

I have an Orbit slider inside a Reveal modal.

I want to reset the slider to go to the first slide when closing the modal.

How can I do this?

Was it helpful?

Solution

    $(document).on('opened', '[data-reveal]', function () {
      // Callback triggered when reveal modal is closed
      $(this).find("[data-orbit-slide=0]").click(); // Click the link to first slide in orbit modal
    });

When slider is closed (and invisible) interactions don't seem to work reliably. Hence we operate once the modal is visible.

OTHER TIPS

Foundation press has changed some verbiage since the previous answer. You can also use:

$(document).find("[data-slide=0]").click();
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top