bxSlider 예제7. 캐러셀 - 보여주는 슬라이드의 동적 수
2016. 7. 22. 23:29ㆍbxSlider/예제
반응형
7. Carousel - dynamic number of slides showing
JS:
$('.bxslider').bxSlider({
minSlides: 3,
maxSlides: 4,
slideWidth: 170,
slideMargin: 10
});
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 예제9. 썸네일 페이징 - 방법2 (1) | 2016.07.22 |
---|---|
bxSlider 예제8. 썸네일 페이징 - 방법1 (0) | 2016.07.22 |
bxSlider 예제6. 캐러셀 - 보여주는 슬라이드의 고정 수 (0) | 2016.07.22 |
bxSlider 예제5. 캐러셀 (0) | 2016.07.22 |
bxSlider 예제4. 컨텐츠의 높이에 따라 반응하는 슬라이드 (0) | 2016.07.22 |