jquery.bxSlide를 이용하여 슬라이드만들기 정보
jQuery jquery.bxSlide를 이용하여 슬라이드만들기첨부파일
본문
<script src="/jquery.bxslider/jquery.bxslider.min.js"></script>
<link href="/jquery.bxslider/jquery.bxslider.css" rel="stylesheet" />
<div style="width:600px">
<ul class="slide">
<li><img src="이미지명"></li>
<li<img src="이미지명"></li>
<li><img src="이미지명"></li>
</ul>
<script type="text/javascript">
$(document).ready(function(){
$('.slider').bxSlider({
mode: 'fade', //사라지는 모냥
speen:3000 // 이미지변환 속도 기본 500
pager: true, //하단 페이지
auto: true, //자동시작
captions: true, //캡션
controls:false //전 후 콘트롤 보이기 안보이기
});
});
</script>
사이트 : http://bxslider.com/options
추천
0
0
댓글 2개
자주쓰는 슬라이드인데 이렇게 정리해놓으니까 편하고 보기좋네요 감사합니다~
감사합니다~