2018 Nam Insik Portfolio site ː Designed by werty.co.kr ː nis@werty.co.kr
 
 
 
 
 
 
 
 
VI Simple Slider (심플한 터치 슬라이드) 플러그인

미리보기  다운로드


심플한 가로 슬라이더입니다.
엄청난 슬라이드 효과는 없습니다.  그냥 모바일에서 터치 슬라이딩하면 스와이핑 되고, 마지막 슬라이드에서 터치 드래그 하면 다시 처음으로 이어지는 슬라이드입니다.
자동으로 시간에 맞춰 슬라이딩 되고, 슬라이드 반복을 제어 할 수 있습니다.
데스크탑에서 클릭 스와이핑 기능을 제어할 수 있습니다.

슬라이딩 되는 모션을 ‘easeOutQuart’과 같이 꾸미고 싶으시다면 jquery.easing.js 를 같이 사용하시어 설정하시면 됩니다.

먼저 <head> 안에 플러그인을 넣습니다.

그리고 슬라이드를 감쌀 div를 만들고 id를 부여합니다.
그 안에 ul을 만들어 li 안에 슬라이드 할 것들을 넣습니다.

 

그리고 마지막으로 </body> 바로 위에 실행 코드를 넣습니다.
위에 div에 부여한 id를 찾아 실행하게 됩니다.

추가 옵션은 ease, indicate, arrow, autoPlay, autoTime, speed, loop, mobileSwipe, desktopSwipe 이 있으며 미리보기를 클릭하면 자세한 사용법이 나옵니다.

미리 보기  : http://naminsik.com/blog/labfile/plugin.viSimpleSlider/

HoldHolic

nain

이메일 : nis@naminsik.com

리뉴얼하려고 생각한지가 어느덧 3년이 지났다. ㅠ 망...
.