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