Lory Carousel Slider는 CSS 애니메이션 및 터치 지원 기능을 제공합니다.

모든 온라인 슬라이드 쇼 플러그인 내 모자를 기울여야 해. 로리. 그건 정말 간단한 개념 하지만 쉽게 가장 강력한 슬라이더 웹에서.

그만큼 축소 버전 작지는 않지만 확실히 7KB에 대한 합계 터치가 가능한 회전식 슬라이더에 좋지 않습니다..

이 플러그인을 다른 웹 사이트에 추가 할 수 있습니다. jQuery 또는 일반 바닐라 JS에서 실행됩니다.. 그것은 다음과 같이 실행할 수 있습니다. 의존성 없음 호환성에 아주 좋습니다..

Lory는 또한 몇 가지 플러그인 중 하나입니다. 오래된 브라우저에서는 성능이 저하되지 않습니다.. 그 IE10에서 완전히 지원됨+, 이전 버전에서도 여전히 슬라이더를 실행할 수 있습니다. 애니메이션 및 약간의 추가 기능이없는.

너는해야만 해. 프로그래밍 방식으로 모든 코딩 작업 수행 콘텐츠를 추가하고 싶다면 놀라 울 정도로 단순한. 각 패널을 만드는 데 필요한 크기, 애니메이션을 적용하는 데 걸리는 시간, 응답하는 브라우저를 처리하는 방법을 정의 할 수 있습니다.

Lory 홈페이지를 확인하십시오. 소스 코드 과 설정에 대한 세부 정보.

Lory JS 라이브러리를 추가하여 시작하십시오. 귀하의 사이트에 머리 섹션, jQuery 플러그인 또는 바닐라 라이브러리로. 모든 버전은 현재 Cloudflare CDN에서 호스팅, 다운로드없이 사본을 포함시키는 것이 매우 쉽습니다..

JavaScript 파일을 설치하면 슬라이드 내용으로 HTML 순서없는 목록을 만들려고하지만 Lory 미리 정의 된 몇 가지 클래스가 제공됩니다. 그래서 그들의 모델을 고수하라..

여기에 몇 가지가있다. 샘플 코드 주요 Lory GitHub 레포에서 가져온 것 :

이제 jQuery (또는 일반 JS)에서 함수 호출을 설정한다.. 다음과 같이 보일 것입니다 :

 $ ( '. js_slider'). lory (무한 : 1);

참고 사항 무한한 옵션은 사용자 정의 할 수있는 많은 기능 중 하나 일뿐입니다. 그리고 언제든지 .js_slider 귀하의 필요에 맞는 수업.

이 플러그인으로 개발하는 동안 사용자 정의 질문이 많습니다. 나는 매우 추천 할 것이다. 문서 찾아보기 GitHub 페이지 맨 아래에 있습니다..

아마도 docs에 가장 적합한 위치는 아니지만 고맙게도 그들은 꽤 작습니다. 너는 오직 가지고있다. 약 10 가지 옵션 맞춤 설정하고 어쩌면 10-12 개의 다른 이벤트 너는 할 수있어. 이 정보는 Lory 웹 사이트 하단에서도 찾을 수 있지만 GitHub에서 읽기가 훨씬 쉽습니다..

업데이트 빈번하지는 않지만 항상 펜 요청 문제 GitHub에 문제가 생기면 코드에 문제가있는 경우 스택 오버플로에서 해결하는 것이 더 쉽습니다..

어느 쪽이든, 당신은 할 수있다. 빨리 시작하기 Cloudflare CDN과 GitHub 문서를 사용합니다. 그리고 만약 당신이 코드로 라이브 데모하기 이 CodePen 항목을 확인하십시오..