bxSlider 예제4. 컨텐츠의 높이에 따라 반응하는 슬라이드
2016. 7. 22. 23:17ㆍbxSlider/예제
반응형
4. Slideshow using adaptiveHeight
JS:
$('.bxslider').bxSlider({
adaptiveHeight: true,
mode: 'fade'
});
HTML:
<ul class="bxslider">
<li><img src="/images/730_200/hill_fence.jpg" /></li>
<li><img src="/images/730_100/tree_root.jpg" /></li>
<li><img src="/images/730_150/me_trees.jpg" /></li>
</ul>
반응형
'bxSlider > 예제' 카테고리의 다른 글
bxSlider 예제6. 캐러셀 - 보여주는 슬라이드의 고정 수 (0) | 2016.07.22 |
---|---|
bxSlider 예제5. 캐러셀 (0) | 2016.07.22 |
bxSlider 예제3. 무한루프 없이 수동 슬라이드 (0) | 2016.07.22 |
bxSlider 예제2. 시작/정지 버튼과 자동 슬라이드 (2) | 2016.07.22 |
bxSlider 예제1. 이미지와 함께 쓰는 캡션 (0) | 2016.07.22 |