bxSlider 예제16. 계속 슬라이드 (Ticker mode)

2016. 7. 22. 23:34bxSlider/예제

반응형

16. Ticker mode

JS:
$('.bxslider').bxSlider({ minSlides: 4, maxSlides: 4, slideWidth: 170, slideMargin: 10, ticker: true, speed: 6000 });
HTML:
<ul class="bxslider"> <li><img src="/images/170_200/trees.jpg" /></li> <li><img src="/images/170_200/tree_root.jpg" /></li> <li><img src="/images/170_200/houses.jpg" /></li> <li><img src="/images/170_200/hill_road.jpg" /></li> <li><img src="/images/170_200/me_trees.jpg" /></li> <li><img src="/images/170_200/hill_trees.jpg" /></li> <li><img src="/images/170_200/mountain.jpg" /></li> <li><img src="/images/170_200/houses.jpg" /></li> </ul>
반응형

'bxSlider > 예제' 카테고리의 다른 글

bxSlider 예제18. Reload slider  (1) 2016.07.22
bxSlider 예제17. Custom easing  (0) 2016.07.22
bxSlider 예제15. Responsive video  (0) 2016.07.22
bxSlider 예제14. Public methods  (0) 2016.07.22
bxSlider 예제13. Callback API  (0) 2016.07.22