링크주소남깁니다.
적용된 데모사이트구요.
<!-- Start photoslider-bullets --><div class="sliderkit photoslider-bullets"> <div class="sliderkit-nav"> <div class="sliderkit-nav-clip"> <ul><li><a href="#"></a></li> <li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li> </ul> </div> </div> <div class="sliderkit-panels"> <div class="sliderkit-panel"> <a href="/" target="_top"><img src="/web/upload/ruben/sns/1.jpg" /></a> </div> <div class="sliderkit-panel"> <a href="/" target="_top"><img src="/web/upload/ruben/sns/2.jpg" /></a> </div> <div class="sliderkit-panel"> <a href="/" target="_top"><img src="/web/upload/ruben/sns/3.jpg" /></a> </div> <div class="sliderkit-panel"> <a href="/" target="_top"><img src="/web/upload/ruben/sns/4.jpg" /></a> </div> <!--//여기까지 --> </div></div><!-- // end of photoslider-bullets --> <!-- Slider Kit launch --> <script type="text/javascript"> $(window).load(function(){ //$(window).load() must be used instead of $(document).ready() because of Webkit compatibility // Photo slider > Bullets nav $(".photoslider-bullets").sliderkit({ auto:true, circular:true, autospeed:5000, panelfx:"sliding", panelfxspeed:1000, mousewheel:true, verticalnav:false, verticalslide:true, panelfxeasing:"easeOutExpo" // "easeOutExpo", "easeInOutExpo", etc. }); }); </script>
소스가 짤려 css와 js파일은 링크로 남겨요.
js : http://bluemate2016.cafe24.com/js/module/layout/jquery.sliderkit.1.9.2.js
css : http://bluemate2016.cafe24.com/css/sliderkit-core.css
현재 방향이 밑에서 위로↑ 슬라이딩되는데요,
이걸 반대로 위에서 밑으로↓ 슬라이딩되게 변경하고싶습니다.
슬라이더킷 자체에서 옵션상에는 두 방향을 바꾸는게 없어요.
그래서 js파일 보시면 조금이나마 방향 변경에 도움이 되실까 같이 남겨봅니다ㅠ
귀찮으시더라도 확인한번 해주시면 정말 감사하겠습니다ㅠ
+ 아니면 동일한 형식의 슬라이드 소스 (밑에서위로+자동슬라이딩+마우스휠기능) 가 있다면 알려주세요! 감사합니다 :)
답변 1개
답변을 작성하려면 로그인이 필요합니다.