Basic Slider Markup

Sliders in Stack use the premium Flickity plugin and work by housing an unordered list .slides inside a div with class .slider

There are a number of data attribute options to customise the behaviour of the slider:

• data-arrows="true || false" - enable navigation arrows
• data-paging="true || false" - enable navigation dots
• data-autoplay="true || false" - enable auto-paging of the slider
• data-timing="NUM" - millisecond value before slider scrolls

<div class="slider" data-arrows="true">
<ul class="slides">
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
</div>