반응형
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 |