Menu icon Foundation
Disable autoplay in a Orbit Slider

How can I disable autoplay in a Orbit Slider of foundation 5

Orbitautoplay

How can I disable autoplay in a Orbit Slider of foundation 5

Bob Sawyer almost 2 years ago

In your Orbit container, where you have other data-xxxx attributes, add in one for data-options:

<div class="orbit" role="region" aria-label="Favorite Space Pictures" data-orbit data-use-m-u-i="false" data-options="autoplay:false;>

Stacie DaPonte 23 days ago

@Bob Sawyer can you close that data-options attribute at the end in case someone wants to copy this example and use it themselves

Bob Sawyer 23 days ago

Ah, good catch, Stacie! I can't edit the original comment, so here it is in corrected form:

 

<div class="orbit" role="region" aria-label="Favorite Space Pictures" data-orbit data-use-m-u-i="false" data-options="autoplay:false;">

Brandon North 13 days ago

People use a calendar to manage their work activities. Visit Calendaroffice.com/ to download such free calendars.

Luis Salazar 12 days ago

For Foundation 6 use camelCasing like so: autoPlay:false; 

 

<div class="orbit" role="region" aria-label="Favorite Space Pictures" data-orbit data-use-m-u-i="false" data-options="autoPlay:false;">