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

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


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

Ads

Ad: Bluehost hosting

Rockstar Touch Slider is een script voor het maken van een eenvoudige en minimalistische slider of een diavoorstelling. Hier is hoe het is anders dan andere sliders hier in de buurt:

Lichtgewicht

Het script is slechts 5kb in grootte en er is geen CSS-bestand!

Vloeistof / Responsive

De schuif heeft de mogelijkheid om gewoon de breedte en hoogte van het bovenliggende element. Wat betekent dat als jouw kant is vloeibaar en responsief, zal de schuif zo goed. U kunt ook handmatig de stijl van de belangrijkste van de schuifregelaar om een ​​vaste breedte en hoogte, of wat je nodig hebt. Het is gebouwd om flexibel te zijn!

Super eenvoudig te gebruiken

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

Dat is alles wat je nodig hebt om de slideshow te laten werken! Geen javascript-code nodig is en geen externe CSS-bestand. Het enige wat u hoeft te doen is de HTML-code met de klas "rockstar-slider 'en omvatten het script. Het zal de rest doen. Rockstar Touch Slider is ontworpen vanaf de grond opgebouwd om eenvoudig te gebruiken zijn.

Natuurlijke Animatie & Movement

Het script zit vol met kleine functies zoals snelheid detectie en inertie, om het zo natuurlijk mogelijk te bewegen. Het schijnt op touchscreen-apparaten, en ziet er net zo cool als je een muis te gebruiken.

Afbeeldingen: Vul of Fit?

Een veel voorkomend probleem met veel sliders is dat je nodig hebt om foto's te hebben met precies dezelfde grootte als de schuif. Nee, dat is hier niet het geval. Het maakt niet uit welk deel of de grootte van de afbeeldingen zijn, zullen ze altijd vullen de dia. Je voegt alleen een klasse aan het beeld als volgt:

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

Als alternatief kunt u de "fit" klasse te gebruiken als u wilt dat de afbeelding om te passen in de dia, niet verliezen een pixel.

Change Log

1.0.3 - 21 september 2015

  • Fixed a bug waar de aanraking gebeurtenissen niet zou werken in bepaalde mobiele browsers.

Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
18 september 12

Laatste update:
23 september 15

Compatibele Browsers:
IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge

Bestanden Inbegrepen:
JS JavaScript, HTML, CSS

Software versie:
jQuery

Trefwoorden

eCommerce, eCommerce, Alle spullen, vloeistof, galerij, afbeelding, afbeeldingen, minimalistische, foto, foto's, responsieve, eenvoudig, schuif, slideshow, aanraken, aanraakscherm