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

— Lisäosa WorldWideScripts.net

Tilaa syötteen pysymään ajan tasalla!

Uusi! Seuraa meitä kuin haluat!


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

Ads

Ad: Bluehost hosting

Rockstar Touch Slider on skripti luoda yksinkertainen ja minimalistinen liukusäädintä tai diaesityksen. Näin se eroaa muista liukusäätimiä täällä:

Kevyt

Käsikirjoitus on vain 5 kb ja ei ole CSS-tiedosto!

Neste / Responsive

Liukusäädin on kyky yksinkertaisesti ottaa leveys ja korkeus on emoelementin. Mikä tarkoittaa, että jos puoli on nesteen ja reagoiva, liukusäädintä on samoin. Voit myös manuaalisesti tyyli tärkein liukukappaleen olla kiinteä leveys ja korkeus, tai mitä tarvitset. Se on rakennettu olla joustava!

Erittäin helppokäyttöinen

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

Siinä kaikki, mitä täytyy tehdä diaesitys työtä! Ei JavaScript-koodi tarvitaan eikä ulkoista CSS-tiedostoa. Kaikki mitä sinun tarvitsee tehdä, on laittaa HTML-koodi luokan kanssa "Rockstar-liukusäädintä" ja kuuluu käsikirjoituksen. Se tekee loput. Rockstar Touch Slider on suunniteltu alusta asti olla helppokäyttöisiä.

Natural Animaatiot & Movement

Käsikirjoitus on täynnä pieniä ominaisuuksia, kuten nopeuden tunnistus ja hitaus, jotta se liikkumaan mahdollisimman luonnonmukaisesti. Se paistaa kosketusnäyttölaitteet, ja näyttää yhtä viileä, kun käytät hiirtä.

Kuvat: Täytä tai Sovita?

Yleinen ongelma monien liukusäätimiä on, että sinun täytyy olla kuvia täsmälleen samankokoinen kuin liukusäädintä. Ei, se ei ole tässä tapauksessa. Ei ole väliä, mikä osa tai koko kuvat ovat, ne aina täyttää liukumäki. Sinä vain lisätä luokan kuvan näin:

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

Vaihtoehtoisesti voit käyttää "fit" luokka, jos haluat kuvan sopimaan dia, ei menettää pikselin.

Kanavan tiedot

1.0.3 - 21 syyskuu 2015

  • Kiinteä vika, jos kosketustapahtumia ei toimi tietyissä mobiiliselaimet.

Lataa
Muut komponentit tässä luokassaKaikki osat tämän tekijän
KommentitUsein kysyttyjä kysymyksiä ja vastauksia

Ominaisuudet

Luotu:
18 syyskuu 12

Viimeisin päivitys:
23 syyskuu 15

Yhteensopiva Selaimet:
IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge

Tiedostoja mukana:
JavaScript JS, HTML, CSS

Ohjelmistoversio:
jQuery

Avainsanoja

eCommerce, eCommerce, Kaikki tuotteet, neste, galleria, kuva, kuvat, minimalistinen, kuva, kuvat, herkkä, yksinkertainen, liukusä, ä, dintä, diaesitys, koskettaa, kosketusnä, yttö