분류 전체보기(114)
-
bxSlider 예제11. 이전/다음 버튼의 사용자 정의
11. Custom next / prev control selectors This div is outside of the slider | JS: $('.bxslider').bxSlider({ nextSelector: '#slider-next', prevSelector: '#slider-prev', nextText: 'Onward →', prevText: '← Go back' }); HTML: This div is outside of the slider |
2016.07.22 -
bxSlider 예제10. 수직(세로방향) 슬라이드
10. Vertical slideshow JS: $('.bxslider').bxSlider({ mode: 'vertical', slideMargin: 5 }); HTML:
2016.07.22 -
bxSlider 예제9. 썸네일 페이징 - 방법2
9. Thumbnail pager - method 2 JS: $('.bxslider').bxSlider({ buildPager: function(slideIndex){ switch(slideIndex){ case 0: return ''; case 1: return ''; case 2: return ''; } } }); HTML:
2016.07.22 -
bxSlider 예제8. 썸네일 페이징 - 방법1
8. Thumbnail pager - method 1 JS: $('.bxslider').bxSlider({ pagerCustom: '#bx-pager' }); HTML:
2016.07.22 -
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