이전 목록 다음
채택완료

슬라이드 방향전환하고싶습니다.

2016-06-12 (일) 21:01:32 4,184

링크주소남깁니다.

적용된 데모사이트구요.

 

Copy
<!-- 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개

채택된 답변
+20 포인트
옵션상에 바꾸는 방법이 없다면 코어를 직접 수정해야하지 않을까요

답변을 작성하려면 로그인이 필요합니다.