Menu icon Foundation
How to stop Orbit with deep links

Hi,

I have an issue with Orbit slider. I have created two buttons with deep links for Orbit and now every time I click the content of the containers, it slides to the next one. I have two contact forms in each slide and I only want them move when I click the links I have created.

Does anyone have any solutions for this?

Thanks...

Orbitsliderstop onclick

Hi,

I have an issue with Orbit slider. I have created two buttons with deep links for Orbit and now every time I click the content of the containers, it slides to the next one. I have two contact forms in each slide and I only want them move when I click the links I have created.

Does anyone have any solutions for this?

Thanks...

Rafi Benkual over 4 years ago

Yes,

 $(document).foundation({
  orbit: {
      next_on_click: false, // Advance to next slide on click
  }
});

or

<ul data-orbit
    data-options="next_on_click: false,">
</ul>

Sader Neoklis over 4 years ago

Thanks a lot. Appreciate it.