Manual

Overview

This demo uses infiniteLoop: false and hideControlOnEnd: true to create a manual style that automatically hides controls when at the beginning and end of the slide show.

Setup

$('.mbslider').mbSlider({
  infiniteLoop: false,
  hideControlOnEnd: true
});

html

<div id="demoSlider" class="mbslider">
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=3767486394"></div>
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=9765541958"></div>
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=5277479866"></div>
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=4566102129"></div>
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=1135234928"></div>
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=6443900460"></div>
</div>