티스토리 뷰

WEB/JQuery

[이미지 슬라이드 jQuery] bxSlider

silverline79 silverline79 2021. 5. 3. 06:00

이미지 슬라이드 bxSlider

 

JS - Image gallery with captions

1
2
3
4
5
6
7
$(function(){
  $('.bxslider').bxSlider({
    mode: 'fade',
    captions: true,
    slideWidth: 600
  });
});
cs

JS - Auto show with start / stop controls

1
2
3
4
5
6
7
$('.bxslider').bxSlider({
  auto: true,
  autoControls: true,
  stopAutoOnClick: true,
  pager: true,
  slideWidth: 600
});
cs

HTML

1
2
3
4
5
<div class="bxslider">
  <div><img src="/assets/images/coffee1.jpg"></div>
  <div><img src="/assets/images/coffee2.jpg"></div>
  <div><img src="/assets/images/coffee3.jpg"></div>
</div>
cs

bxslider.com/

 

jQuery Content Slider | Responsive jQuery Slider | bxSlider

Coded with ♥ by

bxslider.com

 

bxslider-4-4.2.12.zip
3.26MB

댓글
댓글쓰기 폼
공지사항
최근에 달린 댓글
Total
3,362
Today
0
Yesterday
7
링크
TAG more
«   2021/10   »
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31            
글 보관함