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

Abonner på vårt feed for å holde deg oppdatert!

Nyhet! Følg oss som du vil ha det!


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

Ads

Ad: Bluehost hosting

Rockstar Touch Slider er et script for å lage en enkel og minimalistisk slider eller en lysbildefremvisning. Her er hvordan det er forskjellig fra andre glidere rundt her:

Lettvekt

Skriptet er bare 5kb i størrelse, og det er ingen CSS fil!

Fluid / Responsive

Glideren har evnen til å bare ta bredden og høyden av sin overordnede element. Hvilket betyr at hvis din side er flytende og responsive, vil glideren være så godt. Du kan også manuelt style hoved av glidebryteren for å være en fast bredde og høyde, eller hva du trenger. Den er bygget for å være fleksibel!

Super lett å bruke

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

Det er alt du trenger for å lage slideshow arbeid! Ingen javascript-kode er nødvendig, og ingen ekstern CSS-fil. Alt du trenger å gjøre er å sette HTML-koden med klassen "rockstar-slider" og inkluderer manuset. Den vil gjøre resten. Rockstar Touch Slider har blitt designet fra bunnen av for å være enkel å bruke.

Natural Animasjoner & Movement

Manuset er fullpakket med små funksjoner som hastighet gjenkjenning og treghet for å gjøre det flytte så naturlig som mulig. Det skinner på enheter med berøringsskjerm, og ser like kult når du bruker en mus.

Bilder: Fyll eller Monter?

Et vanlig problem med mange glidere er at du må ha bilder med nøyaktig samme størrelse som glidebryteren. Nei, det er ikke tilfelle her. Uansett hvilken andel eller størrelse på bildene er, vil de alltid fylle lysbildet. Du bare legge en klasse til bildet slik ut:

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

Alternativt kan du bruke "fit" klasse hvis du vil at bildet skal passe inn i raset, ikke miste en piksel.

Endringslogg

1.0.3 - 21 september 2015

  • Fikset en bug hvor berørings hendelser ikke ville fungere i enkelte mobile nettlesere.

Laste ned
Andre komponenter i denne kategorienAlle komponenter av denne forfatteren
KommentarerOfte stilte spørsmål og svar

Egenskaper

Laget:
18 september 12

Siste oppdatering:
23 september 15

Kompatible nettlesere:
IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge

Filer Inkludert:
Javascript JS, HTML, CSS

Programvareversjon:
jQuery

Søkeord

eCommerce, eCommerce, Alle artikler, væ, ske, galleri, image, bilder, minimalistisk, bilde, bilder, responsive, enkel, slider, slideshow, berø, re, berø, ringsskjerm