Fade

Overview

Basic usage of mbSlider with standard fade transition. It uses all default settings. The structure works with any kind of DOM element. In this example we use <div class="item">...</div> but you could put any other element div/span/a/img...

Setup

$(document).ready(function(){
  $('#demoSlider').mbSlider({
     mode: 'fade'
  });
});

HTML

<div id="demoSlider" class="mbslider">
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=7402994980"></div>
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=8005037313"></div>
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=6459256154"></div>
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=5923013577"></div>
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=1363409133"></div>
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=9461718933"></div>
</div>