첨부파일 https://eond.com/jquery/434181

#sly #sly.min.js #터치슬라이드 #스와이프


다운로드

https://darsa.in/sly/#!download

https://github.com/darsain/sly


sly.min.js 파일로 제공됩니다. 용량은 19KB

슬라이드 스크립트 중에 최소 용량일 듯 합니다.



이런 걸 한번 구현해볼텐데요..ㅠㅠ

(그동안 포스팅했던 글을 찾아보니 몇년동안 

여러가지 터치슬라이드 비교해보고 했던거 같은데;;

아직 정착을 하지 못했나보네요)


지난 주부터 주말동안 여러개 찾기만 찾고 아직 마크업 자체는 안해보다가 드디어 이 글 쓰면서 해봅니다.;;



마크업 예제

https://github.com/darsain/sly/blob/master/docs/Markup.md

https://gist.github.com/makerj/b44d1321fa084fc16f08d98931b0aef3


FRAME > SLIDEE 구조로 짜야합니다.


<div class="frame">
    <ul class="slidee">
        <li></li> // Item
        <li></li> // Item
        <li></li> // Item
    </ul>
</div>

옵션
https://github.com/darsain/sly/blob/master/docs/Options.md

calling

https://github.com/darsain/sly/blob/master/docs/Calling.md 



데모

https://darsa.in/sly/examples/horizontal.html


https://jsfiddle.net/eond/a8zec3j2/8/ 


sly startAt

처음 시작되는 li 선택하는 옵션

매뉴얼

https://github.com/darsain/sly/blob/master/docs/Methods.md


코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 142 articles in 1 / 8 pages
번호 제목 제목 날짜날짜
공지 슬라이더 스크립트 4종 2016/07/03 0
공지 jQuery 추천 사이트 2015/06/08 0
142 [플러그인] webticker js loop 2020/07/02 0
141 [슬라이더 플러그인] glider.js autoplay 2020/06/24 0
140 [슬라이더 플러그인] bxslider 옵션 및 참조글 2018/03/02 0
139 가로 롤링 슬라이딩 배너 2020/06/06 0
현재글 sly.min.js 터치슬라이드 스와이프 파일 2020/05/19 0
137 [슬라이더 플러그인] 네이버 모바일 터치 슬라이드 메뉴 [1] 2020/05/13 0
136 [슬라이더 플러그인] jquery slider 비교 2018/01/01 0
135 [고급활용] 스와이프, 터치슬라이드 2016/06/19 0
134 [고급활용] jQuery 터치슬라이드 터치이벤트 파일 2015/08/26 0
133 [기초활용] [jQuery] toggle, if..else , switch 2018/04/27 0
132 Smooth Scrolling 2020/05/04 0
131 메뉴 클릭했을 때 스르륵 부드럽게 열리는 하위메뉴 2020/05/04 0
130 [기초활용] jquery on toggle 2017/12/20 0
129 [플러그인] 달력 스크립트 2019/10/24 0
128 jQuery 3 Bootstrap 4 Datepicker 2019/10/25 0
127 [기타 플러그인] 비밀글 jquery 더보기 2019/10/07 0
126 [슬라이더 플러그인] 비밀글 swiper slider 2019/10/05 0
125 [플러그인] Cascading Grid Gallery 2018/12/25 0
124 [기타 플러그인] jQuery Select Custom Library 2018/09/17 0
123 [플러그인] Free jQuery image viewer Plugins 2018/08/16 0

해시태그 디렉터리