Ticker

Modalità ticker - orizzontale

Impostazione

$(document).ready(function(){
  $('#demoSlider2').mbSlider({
      minSlides: 4,
      maxSlides: 4,
      slideWidth: 170,
      slideMargin: 10,
      ticker: true,
      tickerHover: true,
      speed: 6000
  });
});

HTML

<div id="demoSlider" class="mbslider">
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=9319895993"></div>
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=6109322036"></div>
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=5629547355"></div>
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=2328834706"></div>
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=1741352346"></div>
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=7254016377"></div>
</div>

Modalità ticker - verticale

Impostazione

$(document).ready(function(){
  $('#demoSlider2').mbSlider({
      minSlides: 4,
      maxSlides: 4,
      slideWidth: 170,
      slideMargin: 10,
      ticker: true,
      tickerHover: true,
      speed: 6000
  });
});

HTML

<div id="demoSlider" class="mbslider">
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=1124766221"></div>
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=1700270713"></div>
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=5181135208"></div>
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=1491691205"></div>
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=1476665595"></div>
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=7302765564"></div>
</div>