분류 전체보기(114)
-
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 -
bxSlider 예제1. 이미지와 함께 쓰는 캡션
1. Image gallery with captions JS: $('.bxslider').bxSlider({ mode: 'fade', captions: true }); HTML:
2016.07.22 -
bxSlider 옵션
Options General Pager Controls Auto Carousel Callbacks Public methods General mode Type of transition between slides default: 'horizontal' options: 'horizontal', 'vertical', 'fade' speed Slide transition duration (in ms) default: 500 options: integer slideMargin Margin between each slide default: 0 options: integer startSlide Starting slide index (zero-based) default: 0 options: integer randomSt..
2016.07.22