1. Image gallery with captions JS: $('.bxslider').bxSlider({ mode: 'fade', captions: true }); HTML:

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..

요즘 bxSlider.com 홈페이지를 들어가면 얼마나 느린지... 워낙에 깔끔하게 쓸 수 있으니 많이 알려져서 사용자가 굉장히 많은 것 같다. 특히 일과 시간에... 로딩이 너무 오래 걸리거나 아예 페이지가 뜨지 않을 때도 있다. 그래서 따로 정리 해놓고 보려고 한다... 설치방법 bxslider를 사용하기 위한 셋팅 HTML 마크업 bxslider 실행 $(document).ready(function(){ $('.bxslider').bxSlider(); }); 다운로드 (bxslider.com) 다운로드 (GitHub) bxSlider 옵션 bxSlider 예제1. 이미지와 함께 쓰는 캡션 bxSlider 예제2. 시작/정지 버튼과 자동 슬라이드 bxSlider 예제3. 무한루프 없이 수동 슬라이드 ..