bxSlider 예제16. 계속 슬라이드 (Ticker mode)
2016. 7. 22. 23:34ㆍbxSlider/예제
반응형
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 |