bxSlider(21)
-
bxSlider 예제7. 캐러셀 - 보여주는 슬라이드의 동적 수
7. Carousel - dynamic number of slides showing JS: $('.bxslider').bxSlider({ minSlides: 3, maxSlides: 4, slideWidth: 170, slideMargin: 10 }); HTML:
2016.07.22 -
bxSlider 예제6. 캐러셀 - 보여주는 슬라이드의 고정 수
6. Carousel - static number of slides showing JS: $('.bxslider').bxSlider({ minSlides: 2, maxSlides: 2, slideWidth: 360, slideMargin: 10 }); HTML:
2016.07.22 -
bxSlider 예제5. 캐러셀
5. Carousels demystified - in depth explanation with examples JS: $(document).ready(function(){ $('.slider4').bxSlider({ slideWidth: 250, minSlides: 2, maxSlides: 3, moveSlides: 1, slideMargin: 10 }); }); HTML:
2016.07.22 -
bxSlider 예제4. 컨텐츠의 높이에 따라 반응하는 슬라이드
4. Slideshow using adaptiveHeight JS: $('.bxslider').bxSlider({ adaptiveHeight: true, mode: 'fade' }); HTML:
2016.07.22 -
bxSlider 예제3. 무한루프 없이 수동 슬라이드
3. Manual show without infinite loop JS: $('.bxslider').bxSlider({ infiniteLoop: false, hideControlOnEnd: true }); HTML:
2016.07.22 -
bxSlider 예제2. 시작/정지 버튼과 자동 슬라이드
2. Auto show with start / stop controls JS: $('.bxslider').bxSlider({ auto: true, autoControls: true }); HTML:
2016.07.22