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

Iscriviti al nostro feed per rimanere sempre aggiornato!

Nuovo! Seguici come lo vuoi!


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

Ads

Ad: Bluehost hosting

Rockstar touch Slider è uno script per la creazione di un dispositivo di scorrimento semplice e minimalista o una presentazione. Ecco come è diverso da altri cursori qui intorno:

Leggerezza

Lo script è solo 5 KB di dimensioni e non vi è alcun file CSS!

Fluido / Responsive

Il cursore ha la capacità di prendere semplicemente la larghezza e l'altezza del suo elemento padre. Il che significa che se il vostro lato è fluido e reattivo, il cursore sarà pure. È inoltre possibile acconciare manualmente la principale del dispositivo di scorrimento per essere una larghezza fissa e altezza, o quello che vi serve. E 'costruito per essere flessibile!

Super facile da usare

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

Questo è tutto ciò che serve per far funzionare la presentazione! Nessun codice javascript è necessario e nessun file CSS esterno. Tutto quello che dovete fare è mettere il codice HTML con la classe "rockstar-slider" e includere lo script. Si farà il resto. Rockstar tocco Slider è stato progettato da zero per essere facile da usare.

Naturale Animazioni & Movimento

Lo script è dotato di caratteristiche molto piccoli come il rilevamento della velocità e di inerzia, al fine di farlo muovere nel modo più naturale possibile. Brilla su dispositivi touchscreen, e sembra proprio come fresco quando si utilizza un mouse.

Immagini: Riempire o Fit?

Un problema comune a molti cursori è che è necessario disporre di immagini con esattamente le stesse dimensioni del cursore. No, che non è il caso qui. Non importa quale proporzione o la dimensione delle immagini, di impegnarsi sempre riempire la slitta. Basta aggiungere una classe all'immagine in questo modo:

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

In alternativa, è possibile utilizzare la classe di "fit", se si desidera che l'immagine per adattarsi all'interno della diapositiva, non perdere un pixel.

Storia delle news

1.0.3 - 21 Settembre 2015

  • Corretto un bug in cui gli eventi di tocco non avrebbe funzionato in alcuni browser mobili.

Scarica
Altri componenti di questa categoriaTutti i componenti di questo autore
CommentiDomande frequenti e risposte

Proprietà

Creato:
18 settembre 12

Ultimo aggiornamento:
23 Settembre 15

Browser compatibili:
IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Bordo

File inclusi:
JavaScript JS, HTML, CSS

Versione software:
jQuery

Parole chiave

eCommerce, eCommerce, Tutti gli articoli, fluido, galleria, Immagine, immagini, minimalista, foto, foto, di risposta, semplice, cursore, presentazione, toccare, touch screen