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

— Add -On per WorldWideScripts.net

Rep les nostres RSS per estar al dia!

Nou! Segueix-nos com vulguis!


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

Ads

Ad: Bluehost hosting

Rockstar Touch Slider és un script per crear un slider simple i minimalista o una presentació de diapositives. Heus ací en què es diferencia d'altres controls lliscants de tot aquí:

Lleugera

El guió és a 5 kb de grandària i no hi ha cap arxiu CSS!

Fluid / Responsive

El control lliscant té la capacitat de simplement prendre l'ample i alt que és element pare. El que vol dir que si el teu costat és fluïda i sensible, el regulador serà així. També pot estil manualment el principal de la barra de desplaçament per a ser una amplada i una alçada fixa, o el que vostè necessita. Està construït per ser flexible!

Super fàcil d'usar

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

Això és tot el que necessita per fer la feina de diapositives! No es necessita cap codi javascript i cap arxiu CSS extern. Tot el que necessites fer és posar el codi HTML amb la classe "rockstar-slider" i inclouen la seqüència de comandaments. Es farà la resta. Rockstar tàctil lliscant ha estat dissenyat des del principi per ser fàcil d'utilitzar.

Natural Animacions i Moviment

El guió està ple de característiques petites com la detecció de la velocitat i la inèrcia per tal de fer que es mogui el més natural possible. Brilla en els dispositius de pantalla tàctil, i es veu tan fresc quan s'utilitza un ratolí.

Imatges: Omplir o en forma?

Un problema comú amb molts controls lliscants és que cal tenir imatges amb exactament la mateixa mida que el control lliscant. No, aquest no és el cas aquí. No importa quina proporció o mida de les imatges són, sempre van a omplir la diapositiva. Vostè acaba d'afegir una classe a la imatge com aquesta:

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

També podeu utilitzar la classe "ajust" si voleu que la imatge s'ajusti dins de la diapositiva, no perdre un píxel.

Canvi de registre

1.0.3 - 21 setembre 2015

  • S'ha corregit un error pel qual els esdeveniments tàctils no funcionarien en certs navegadors mòbils.

Descarregar
Altres components d'aquesta categoriaTots els components d'aquest autor
Comentaris dels clientsPreguntes freqüents i respostes

Propietats

Creat:
Setembre 18 12

Darrera actualització:
Setembre 23 15

Els navegadors compatibles:
IE8, IE9, IE10, EI11, Firefox, Safari, Opera, Chrome, Vora

Arxius inclosos:
JavaScript JS, HTML, CSS

Versió del programari:
jQuery

Paraules clau

eCommerce, eCommerce, Tots els Articles, fluid, galeria, imatge, imatges, minimalista, foto, fotos, sensible, simple, lliscant, slideshow, tocar, pantalla tà, ctil