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 la WorldWideScripts.net

Aboneaza-te la feed-ul nostru pentru a rămâne până la data!

Nou! Urmați- ne cum vrei!


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

Ads

Ad: Bluehost hosting

Rockstar Touch Slider este un script pentru a crea un slider simplu și minimalist sau un slideshow. Iată cum este diferit de alte slidere în jurul aici:

Categorie ușoară

Scriptul este doar 5KB în dimensiune și nu există nici un fișier CSS!

Fluid / Responsive

Cursorul are capacitatea de a lua pur și simplu lățimea și înălțimea de e elementul părinte. Ceea ce înseamnă că, dacă partea ta este fluid si receptiv, cursorul va fi la fel de bine. De asemenea, puteți stilul manual principal al cursorului pentru a fi o lățime fixă ​​și înălțime, sau orice ai nevoie. Este construit pentru a fi flexibil!

Super usor de folosit

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

Asta este tot ce ai nevoie pentru a face munca slideshow! Nu este nevoie de cod JavaScript și nici un fișier CSS extern. Tot ce trebuie să faceți este să pună codul HTML cu clasa "Rockstar-slider" și includ script-ul. Acesta va face restul. Rockstar Touch Slider a fost proiectat de la sol pentru a fi ușor de utilizat.

Natural Animatii & Mișcarea

Scriptul este ambalat cu caracteristici, cum ar fi mici de detectare viteză și inerție, în scopul de a face muta la fel de natural posibil. Straluceste pe dispozitive touchscreen, și arată exact la fel de cool, atunci când utilizați un mouse.

Imagini: Completați sau Fit?

O problemă comună cu multe glisante este că aveți nevoie pentru a avea imagini cu exact aceeași dimensiune ca cursorul. Nu, nu e cazul aici. Indiferent de ceea ce procent sau dimensiune imaginile sunt, ei vor umple întotdeauna diapozitiv. Tu trebuie doar să adăugați o clasă de imaginea ca aceasta:

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

Alternativ, puteți folosi "apt" clasa dacă doriți ca imaginea să se potrivească în interiorul diapozitiv, nu pierde un pixel.

Change Log

1.0.3 - douăzeci și o septembrie 2015

  • Fixed un bug în cazul în care evenimentele de atingere nu ar funcționa în anumite browsere mobile.

Descărcați
Alte componente din această categorieToate componentele acestui autor
ComentariiÎntrebări frecvente și răspunsuri

Proprietăți

Creat:
18 septembrie 12

Ultima actualizare:
23.09.15

Browsere compatibile:
IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge

Fișiere incluse:
JavaScript JS, HTML, CSS

Versiune software:
jQuery

Cuvinte cheie

eCommerce, eCommerce, Toate obiectele, fluid, galerie, imagine, imagini, minimalist, fotografie, fotografii, sensibil, simplu, cursor, slideshow, atinge, ecran tactil