bxSlider 예제12. 복수(멀티) 슬라이드
2016. 7. 22. 23:33ㆍbxSlider/예제
반응형
12. Multiple slideshows
Slideshow 1
JS:
$('#slider1').bxSlider({
mode: 'fade',
autoControls: true,
pause: 2000
});
$('#slider2').bxSlider({
autoControls: true,
pause: 3000,
slideMargin: 20
});
HTML:
<h3>Slideshow 1</h3>
<ul id="slider1">
<li><img src="/images/730_200/hill_trees.jpg" /></li>
<li><img src="/images/730_200/me_trees.jpg" /></li>
<li><img src="/images/730_200/houses.jpg" /></li>
</ul>
<h3>Slideshow 2</h3>
<ul id="slider2">
<li><img src="/images/730_200/tree_root.jpg" /></li>
<li><img src="/images/730_200/trees.jpg" /></li>
<li><img src="/images/730_200/hill_road.jpg" /></li>
</ul>
반응형
'bxSlider > 예제' 카테고리의 다른 글
| bxSlider 예제14. Public methods (0) | 2016.07.22 |
|---|---|
| bxSlider 예제13. Callback API (0) | 2016.07.22 |
| bxSlider 예제11. 이전/다음 버튼의 사용자 정의 (0) | 2016.07.22 |
| bxSlider 예제10. 수직(세로방향) 슬라이드 (0) | 2016.07.22 |
| bxSlider 예제9. 썸네일 페이징 - 방법2 (1) | 2016.07.22 |