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

@de1wwsAbonniere den Feed um auf dem neuesten Stand zu bleiben!

Neu! Folge uns, wie Du es möchtest!


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

Ads

Ad: Bluehost hosting

Rockstar-Touch Slider ist ein Skript zum Erstellen einer einfachen und minimalistisch Schieberegler oder eine Diashow. Hier ist, wie es von anderen Schieberegler hier in der Nähe ist:

Leichtbau

Das Skript ist nur 5 kb groß und es gibt keine CSS-Datei!

Fluid / Responsive

Der Schieberegler hat die Fähigkeit, nehmen Sie einfach die Breite und die Höhe, es ist übergeordnetes Element. Was bedeutet, dass, wenn Ihre Seite ist flüssig und reagiert, wird der Schieberegler als gut. Sie können auch manuell formatieren das Haupt der Schieberegler, um eine feste Breite und Höhe, oder was auch immer Sie brauchen. Es wurde gebaut, um flexibel zu sein!

Super einfach zu bedienen

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

Das ist alles, was Sie brauchen, um die Diashow Arbeit zu machen! Kein Javascript-Code benötigt wird und keine externe CSS-Datei. Alles, was Sie tun müssen, ist mit der Klasse "rockstar-Slider" setzen Sie den HTML-Code und schließen Sie das Skript. Es wird den Rest erledigen. Rockstar-Touch Slider wurde von Grund auf so konzipiert, sich einfach zu bedienen sein.

Natürliche Animationen & Bewegung

Das Skript wird mit winzigen Funktionen wie Drehzahlerfassung und Trägheit, um es so natürlich bewegen wie möglich verpackt. Es scheint auf Touchscreen-Geräte, und sieht genauso cool, wenn Sie eine Maus verwenden.

Bilder: Füllen stimmt?

Ein häufiges Problem bei vielen Reglern ist, dass Sie brauchen, um Bilder mit exakt der gleichen Größe wie die Schieberegler haben. Nein, das ist hier nicht der Fall. Egal welchen Anteil oder Größe die Bilder sind, werden sie immer füllen die Rutsche. Sie fügen nur eine Klasse, um das Bild wie folgt aus:

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

Alternativ können Sie die "fit" Klasse verwenden, wenn Sie das Bild, um es im Inneren der Folie passen, ein Pixel nicht verlieren möchten.

Änderungsprotokoll

1.0.3 - 21. September 2015

  • Bug behoben, durch Touch-Ereignisse nicht in mobilen Browsern fixiert.

Herunterladen
Weitere Komponenten in dieser KategorieAlle Komponenten dieses Autors
KommentareHäufige Fragen und Antworten

Eigenschaften

Erstellt:
18. September 12

Letzte Aktualisierung:
23. September 15

Unterstützte Browser:
IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge-

Dateien enthalten:
JavaScript JS, HTML, CSS

Softwareversion:
jQuery

Stichworte

eCommerce, eCommerce, Alle Elemente, Flü, ssigkeit, Galerie, Bild, Bilder, minimalistisch, Foto, Fotos, ansprechend, einfach, Schieberegler, slideshow, berü, hren, Touch-Screen