WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Sliders

Rockstar Slider - jQuery touch slider/gallery

— 추가 기능 WorldWideScripts.net 에

@ko1wws최신 상태로 유지 하기 위해 우리의 피드를 구독!

새로운! 당신이 그것을 원하는대로 우리를 따르라!


Rockstar Slider - jQuery Touch Slider/Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

록 스타 터치 슬라이더는 간단하고 최소한의 슬라이더 나 슬라이드 쇼를 생성하는 스크립트입니다. 다음은 여기에 주변의 다른 슬라이더 다른 방법은 다음과 같습니다

경량의

스크립트는 크기 만 5킬로바이트 상태이고 CSS 파일은 없다!

응답 / 유체

슬라이더는 부모 엘리먼트의 단순히 폭과 높이를 취할 수있는 능력을 갖는다. 어느 옆 유체 및 응답의 경우, 슬라이더도된다는 것을 의미합니다. 당신은 또한 수동으로 당신이 필요로하는 어떤 고정 된 너비와 높이, 또는 될 슬라이더의 기본 스타일을 할 수 있습니다. 그것은 유연하게 구축입니다!

사용하기 쉬운 슈퍼

<div class="slideshow"> <div /> <div /> <div /> </div>

즉, 슬라이드 쇼 작업을 만들기 위해 필요한 모든 것입니다! 어떤 자바 스크립트 코드가 필요하지 않고 외부 CSS 파일입니다. 당신이해야 할 모든 클래스 "록 스타 슬라이더"로 HTML 코드를 넣어 스크립트가 포함되어 있습니다. 그것은 나머지를 할 것입니다. 쉽게 사용할 수 있도록 최대 록 스타 터치 슬라이더는 지상에서 설계되었습니다.

자연 애니메이션 및 운동

스크립트는이 가능한 한 자연스럽게 이동할 수 있도록하기 위해 속도 감지 및 관성과 같은 작은 기능들이 즐비합니다. 그것은 터치 스크린 장치에 빛나는과 마우스를 사용할 때와 마찬가지로 멋진 보인다.

이미지 : 채우기 또는 맞춤?

많은 슬라이더와 일반적인 문제는 슬라이더와 정확히 같은 크기의 이미지를 가질 필요가 있다는 것입니다. 아니, 여기 그렇지 않다. 아무리 이미지가 무엇인지 비율이나 크기, 그들은 항상 슬라이드를 작성하지 않습니다. 당신은이 같은 이미지에 클래스를 추가 :

<img src="image.png" class="fill" />

당신은 이미지의 픽셀을 잃어버린하지, 슬라이드의 내부에 들어가려면 다른 방법으로는 "적합"클래스를 사용할 수 있습니다.

로그인 변경

1.0.3 - 2015년 9월 21일

  • 터치 이벤트는 특정 모바일 브라우저에서 작동하지 않을 버그가 수정되었습니다.

다운로드 할 수 있습니다
해당 카테고리의 다른 구성 요소이 작성자 의 모든 구성 요소
의견자주하는 질문과 답변 을 요구했다

속성을 선택합니다

생성:
18 9월 12일

마지막 업데이트:
23 9월 15일

지원되는 브라우저:
IE8, IE9, IE10, IE11, 파이어 폭스, 사파리, 오페라, 크롬, 에지

파일 포함:
자바 스크립트 JS, HTML, CSS

소프트웨어 버전:
jQuery를

키워드

전자 상거래, 전자 상거래, 모든 상품, 유동체, 갤러리, 영상, 이미지, 최소한의, 사진, 사진, 대답하는, 단순한, 슬라이더, 슬라이드 쇼, 터치, 터치 스크린