슬라이드 방향전환하고싶습니다.
관련링크
본문
링크주소남깁니다.
적용된 데모사이트구요.
<!-- 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파일 보시면 조금이나마 방향 변경에 도움이 되실까 같이 남겨봅니다ㅠ
귀찮으시더라도 확인한번 해주시면 정말 감사하겠습니다ㅠ
+ 아니면 동일한 형식의 슬라이드 소스 (밑에서위로+자동슬라이딩+마우스휠기능) 가 있다면 알려주세요! 감사합니다 :)
