반응형
ie8+ 지원하는듯? 그래서써봄 ㅋ
1. include
<link href="dist/css/flexslider.css" rel="stylesheet"> <script type="text/javascript" src="dist/js/jquery-1.11.0.js"></script> <script type="text/javascript" src="dist/js/jquery.flexslider-min.js"></script>
2. html 구조
<div class="flexslider"> <ul class="slides"> <li> <img src="images/roll/01.jpg"> </li> <li> <img src="images/roll/02.jpg"> </li> </ul> <a href="#" class="btn btn_prev"><img src="images/btn_prev.png"/></a> <a href="#" class="btn btn_next"><img src="images/btn_next.png"/></a> </div>
3. jquery
$(window).load(function(){
$flexslider.flexslider({
animation: "slide",
directionNav: false,
controlNav: true,
start: function(slider){
//$('body').removeClass('loading');
}
});
});
반응형
'프로그래밍 > jQuery' 카테고리의 다른 글
| jquery header fixed layout (0) | 2016.11.08 |
|---|---|
| jquery grid plugin w2ui (0) | 2016.10.26 |
| jquery 개인정보 유효성 체크 (0) | 2016.08.11 |
| jquery 레이어팝업 애니메이션처리 (0) | 2016.08.09 |
| jquery 이미지로드실패시 대체이미지출력 (0) | 2016.08.01 |