Ticker Mode - Horizontal
Setup
$(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>
Ticker Mode - Vertical
Setup
$(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>