Dissolvenza

Panoramica

Utilizzo di base di mbSlider con transizione dissolvenza standard. Utilizza tutte le impostazioni di configurazione predefinite. Lo slide show funziona con qualsiasi tipo di elemento DOM. In questo esempio viene usato<div class="item">...</div> , ma si potrebbe utilizzare qualsiasi altro elementodiv/span/a/img...

Impostazione

$(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>