Jquery News Slider. Eine Auswahl an reaktionsschnellen Schiebereglern. Fantastische jQuery "Skitter" Diashow
Die Zeit steht nicht still und schreitet mit ihr voran. Dies wirkte sich auch auf die Weite des Internets aus. Sie können bereits sehen, wie sich das Erscheinungsbild von Websites ändert, und Responsive Design ist besonders beliebt. In dieser Hinsicht adaptiv Site-Schieberegler sind sehr beliebt und relevant geworden. Es gibt viele neue reaktionsschnelle JQuery-Schieberegler, Galerien und Karussells.
Wenn Sie universal installieren möchten schieberegler oder Karussell zu Ihrer Website können Sie gehen
Site-Schieberegler
1. Responsive Horizontal Posts Slider
Adaptives horizontales Karussell mit detaillierten Installationsanweisungen. Es ist in einem einfachen Stil gemacht, aber Sie können es stylen, wie Sie möchten.
2. Schieberegler auf Glide.js
Dieser Schieberegler ist für jede Site geeignet. Es verwendet Open Source Glide.js. Schiebereglerfarben können leicht geändert werden.
Responsive Slider für eine Content-Site. Das Highlight dieses Schiebereglers ist der 3D-Effekt von Bildern sowie verschiedene Animationen des Erscheinungsbilds in zufälliger Reihenfolge.
4. Schieberegler mit HTML5-Zeichenfläche
Ein sehr schöner und beeindruckender Slider mit interaktiven Partikeln. Es wird mit HTML5 Canvas ausgeführt.
5. Schieberegler "Morphing images"
Schieberegler mit Morph-Effekt. In diesem Beispiel eignet sich der Schieberegler gut für das Portfolio eines Webentwicklers oder ein Webstudio als Portfolio.
6. Kreisschieber
Ein Schieberegler in Form eines Kreises mit Flip-Effekt.
7. Schieberegler für unscharfen Hintergrund
Adaptiver Schieberegler mit Umschaltung und Hintergrundunschärfe.
8. Adaptiver Modeschieberegler
Einfacher, leichter und reaktionsschneller Website-Schieberegler.
9. Slicebox - jQuery 3D-Bildschieberegler (AKTUALISIERT)
Eine aktualisierte Version von Slicebox Schieberegler mit Korrekturen und neuen Funktionen.
Ein jQuery-Plugin zum Erstellen eines flexiblen Bildrasters, das Aufnahmen mit unterschiedlichen Animationen und Timings wechselt.
Schieberegler für die Site der zweite Teil.
11. Flexslider
Universelles kostenloses Plugin für Ihre Website. Dieses Plugin enthält mehrere Schieberegler- und Karusselloptionen.
12. Fotorahmen
FotoramaIst ein universelles Plugin. Es hat viele Einstellungen. Alles funktioniert schnell und einfach, und es besteht auch die Möglichkeit, Folien im Vollbildmodus anzuzeigen. Der Schieberegler kann sowohl in fester Größe als auch reaktionsschnell verwendet werden, mit oder ohne Miniaturansichten, mit oder ohne kreisförmigem Scrollen und vielem mehr. Basierend auf dem Fotorahmen können Sie interessante adaptive Schieberegler für die Site erstellen.
P.S.Ich habe den Schieberegler mehrmals gestellt und denke, er ist einer der besten
13. Kostenloser und reaktionsschneller 3D-Galerie-Schieberegler mit Miniaturansichten.
Experimenteller Galerie-Schieberegler 3DPanelLayout mit Mesh und interessanten Animationseffekten.
14. Schieberegler auf CSS3
Der reaktionsschnelle Schieberegler wird mit CSS3 mit reibungslosem Inhaltsfluss und leichter Animation erstellt.
Ist ein Bildschieberegler mit erstaunlichen Grafiken und Animationen.
17. Elastisch
Voll ansprechender elastischer Schieber mit Miniaturansichten.
18. Schlitz
Es ist ein im Vollbildmodus ansprechender Schieberegler mit CSS3-Animation. Der Schieberegler besteht aus zwei Versionen und die Animation ist ziemlich ungewöhnlich.
19. Adaptive Fotogalerie plus
Eine einfache kostenlose Slider-Galerie mit hochgeladenen Bildern.
20. Responsive Slider für WordPress
Reaktionsschneller und kostenloser Schieberegler für WP.
21. Parallax Content Slider
Schieberegler mit Parallaxeeffekt und Steuerung jedes Elements mit CSS3.
22. Musiklink-Schieberegler
Schieberegler mit mit Open Source JPlayer. Dieser Schieberegler ähnelt einer Präsentation mit Musik.
Schieberegler für die Site der dritte Teil.
23. Schieberegler mit jmpress.js
Der reaktionsfähige Schieberegler basiert auf jmpress.js und ermöglicht daher einige coole 3D-Folieneffekte.
24. Schnelle Hover-Diashow
Diashow mit schneller Folienumschaltung. Folien schalten beim Schweben um.
Akkordeon von Bildern mit CSS3.
Es ist eine reaktionsschnelle Galerie, die für Touch-Geräte optimiert ist.
29.Bildmontage mit jQuery
Positionieren Sie Bilder automatisch basierend auf der Bildschirmbreite. Eine sehr nützliche und interessante Sache bei der Entwicklung einer Portfolio-Site.
33. Mehrstufige Fotokarte.
Es ist eine überlagerte Karte - in einer Bildergalerie können Sie Bilder anzeigen, die sich auf ihren Standort beziehen. Es basiert auf Google Maps. Die rechte Seite zeigt ein Miniaturbild, das durch Klicken im Leuchtkasten angezeigt werden kann.
34. Vollbildgalerie mit Miniaturansichten
Reaktionsschneller Galerie-Schieberegler mit Miniaturansicht und Folienbeschreibung.
Die Schieberegler für die Website werden ständig aktualisiert und ihre Anzahl wird von Tag zu Tag höher. Wenn Sie Ihre Lieblingsregler haben oder vielleicht nicht gefunden haben, wonach Sie gesucht haben, schreiben Sie in die Kommentare und ich werde versuchen, Ihnen zu helfen.
Wir brauchen einen einfachen Schieberegler mit automatischem Bildlauf. Lass uns anfangen ...
Beschreibung der Schieberegleroperation.
Die Folien werden nach einer bestimmten Zeit aneinandergereiht und gescrollt.
Der rote Rahmen zeigt den sichtbaren Teil des Schiebereglers.
Am Ende des Schiebereglers müssen Sie die erste Folie duplizieren. Dies ist erforderlich, um einen Bildlauf von der dritten Folie zur ersten zu gewährleisten. Sie müssen auch die letzte Folie am Anfang hinzufügen, um von der ersten zur dritten Folie rückwärts scrollen zu können. Unten sehen Sie, wie der Schieberegler in Vorwärtsrichtung funktioniert.
Wenn der Schieberegler das Ende erreicht, wird sofort eine Kopie vom Anfang des Schiebereglers anstelle der letzten Folie platziert. Dann wiederholt sich der Zyklus erneut. Dies schafft die Illusion eines endlosen Schiebereglers.
HTML-Markup
Lassen Sie uns zunächst einen einfachen Schieberegler mit automatischem Bildlauf erstellen. Es braucht zwei Container, um zu arbeiten. Der erste legt die Größe des sichtbaren Bereichs des Schiebereglers fest, und der zweite wird benötigt, um die Schieberegler darin zu platzieren. Das Schieberegler-Markup sieht folgendermaßen aus:
>Slider-Stile
.slider-box (Breite: 320px; Höhe: 210px; Überlauf: versteckt;) .slider (Position: relativ; Breite: 10000px; Höhe: 210px;) .slider img (float: left; z-index: 0;)Der Slider-Box-Container legt die Abmessungen des Schiebereglers fest. Die Eigenschaft overflow: hidden verbirgt alle Elemente, die sich nicht im Bereich innerhalb des Elements befinden.
Der Schieberegler ist auf eine große Breite eingestellt. Dies ist notwendig, damit alle Folien hineinpassen.
Folien werden mit der Eigenschaft float: left ausgerichtet.
Unten finden Sie eine schematische Anordnung der Schiebereglerblöcke.
Skript
Die Bewegung der Folien erfolgt durch sanftes Ändern der Eigenschaft des Schiebereglers am linken Rand des Containers.
$ (function () (var width \u003d $ (". slider-box") .width (); // Schiebereglerbreite. Intervall \u003d 4000; // Änderungsintervall verschieben. $ (". slider img: last") .clone () .prependTo (".slider"); // Eine Kopie der letzten Folie wird am Anfang platziert. $ () .eq (1) .clone () .appendTo (".slider"); // Eine Kopie der ersten Folie wird am Ende platziert. // Der container.slider wird um eine Folienbreite nach links verschoben. setInterval ("animation ()", Intervall); // Die Funktion animation () wird ausgeführt, um Folien zu ändern. )); Funktionsanimation () (var margin \u003d parseInt ($ (". slider") .css ("marginLeft")); // Aktueller Versatz des Blocks. Schieberegler width \u003d $ (". slider-box") .width (), // Schiebereglerbreite. slidersAmount \u003d $ (". slider") .children () .length; // Die Anzahl der Folien im Schieberegler. if (margin! \u003d (- width * (slidersAmount- 1))) // Wenn die aktuelle Folie nicht die letzte ist, (Rand \u003d Randbreite; // dann wird der Randwert um die Breite der Folie reduziert. ) else ( // Wenn die letzte Folie angezeigt wird, $ (". slider") .css ("margin-left", - width); // dann kehrt der Schiebereglerblock an seine ursprüngliche Position zurück, Rand \u003d - Breite * 2; ) $ (". slider") .animate ((marginLeft: margin), 1000); // Der Schiebereglerblock wird um 1 Schieberegler nach links verschoben. } ;Das Ergebnis ist ein einfacher Schieberegler mit unendlichem automatischem Scrollen.
1. Ausgezeichnete jQuery-Diashow
Eine großartige spektakuläre Diashow mit jQuery-Technologien.
2. jQuery Plugin "Scale Carousel"
Skalierbare Diashow mit jQuery. Sie können die Abmessungen für die Diashow festlegen, die am besten zu Ihnen passen.
3. jQuery Plugin "slideJS"
Bildschieber mit Textbeschreibung.
4. Plugin "JSliderNews"
5.CSS3 jQuery-Schieberegler
Wenn Sie mit der Maus über die Navigationspfeile fahren, wird eine kreisförmige Miniaturansicht der nächsten Folie angezeigt.
6. Schöner jQuery-Schieberegler "Präsentationszyklus"
jQuery-Schieberegler mit Bildladeanzeige. Es gibt einen automatischen Folienwechsel.
7. jQuery Parallax Slider Plugin
Ein Schieberegler mit dreidimensionalem Hintergrundeffekt. Das Highlight dieses Schiebereglers ist die Hintergrundbewegung, die aus mehreren Ebenen besteht, von denen jede mit unterschiedlicher Geschwindigkeit scrollt. Das Ergebnis ist eine Nachahmung des volumetrischen Effekts. Es sieht sehr schön aus, das können Sie selbst sehen. Der Effekt wird in Browsern wie Opera, Google Chrome und IE flüssiger angezeigt.
8. Frischer, leichter jQuery-Schieberegler "bxSlider 3.0"
Auf der Demoseite finden Sie im Abschnitt "Beispiele" Links zu allen möglichen Anwendungsfällen für dieses Plugin.
9.jQuery Image Slider, Plugin "slideJS"
Der stilvolle jQuery-Schieberegler kann Ihr Projekt mit Sicherheit dekorieren.
10. Diashow zum jQuery-Plugin "Easy Slides" v1.1
Einfach zu verwendendes jQuery-Plugin zum Erstellen von Diashows.
11. Plugin "jQuery Slidy"
Leichtes jQuery-Plugin in verschiedenen Designs. Es gibt einen automatischen Folienwechsel.
12.jQuery CSS-Galerie mit automatischem Schieberegler
Wenn der Besucher innerhalb einer bestimmten Zeit nicht auf die Pfeile „Vorwärts“ oder „Zurück“ klickt, beginnt die Galerie automatisch mit dem Scrollen.
13. jQuery Nivo Slider
Sehr professionelles, leichtes Plugin von hoher Qualität mit gültigem Code. Es gibt viele verschiedene Folienübergangseffekte.
14. jQuery-Schieberegler "MobilySlider"
Frischer Schieberegler. jQuery-Schieberegler mit verschiedenen Bildänderungseffekten.
15. jQuery Slider² Plugin
Leichter Schieber mit automatischem Schieberwechsel.
16. Schieberegler für frisches Javascript
Schieberegler mit automatischer Bildänderung.
Plugin zur Implementierung einer Diashow mit automatischem Folienwechsel. Es ist möglich, die Anzeige mithilfe von Miniaturbildern zu steuern.
jQuery CSS-Bildschieberegler mit dem NivoSlider-Plugin.
19. jQuery-Schieberegler "jShowOff"
Plugin für die Inhaltsrotation. Drei Anwendungsfälle: keine Navigation (mit automatischer Änderung des Diashow-Formats), Navigation in Form von Schaltflächen, Navigation in Form von Miniaturansichten.
20. Plugin "Shutter Effect Portfolio"
Frisches jQuery-Plugin für Fotografie-Portfolios. Die Galerie hat einen interessanten Effekt beim Ändern von Bildern. Die Fotos folgen einander mit einem Effekt, der dem Betrieb eines Objektivverschlusses ähnelt.
21. Leichter Javascript-CSS-Schieberegler "TinySlider 2"
Implementierung eines Bildschiebereglers mit Javascript und CSS.
22. Super Slider "Tinycircleslider"
Stilvoller runder Schieberegler. Der Übergang zwischen den Bildern erfolgt durch Ziehen entlang des Umfangs des Schiebereglers in Form eines roten Kreises. Passt perfekt in Ihre Site, wenn Sie runde Elemente in Ihrem Design verwenden.
23. jQuery-Bildschieberegler
Leichtes Slider Kit. Der Schieberegler wird in verschiedenen Versionen angezeigt: vertikal und horizontal. Außerdem werden verschiedene Arten der Navigation zwischen Bildern implementiert: Verwenden der Schaltflächen "Vorwärts" und "Zurück", Verwenden des Mausrads und Klicken mit der Maus auf eine Folie.
24. Galerie mit Miniaturen "Slider Kit"
Galerie "Slider Kit". Das Scrollen mit Miniaturansichten wird sowohl vertikal als auch horizontal ausgeführt. Der Übergang zwischen Bildern erfolgt mit: Mausrad, Mausklick oder Bewegen des Mauszeigers über das Miniaturbild.
25. jQuery Slider Kit Content Slider
Schieberegler für vertikalen und horizontalen JQuery-Inhalt.
26. jQuery Slider Kit
Diashow mit automatischem Folienwechsel.
27. Leichter professioneller Javascript CSS3-Schieberegler
Ein ordentlicher jQuery- und CSS3-Schieberegler, der 2011 erstellt wurde.
jQuery-Diashow mit Miniaturansichten.
29. Eine einfache jQuery-Diashow
Diashow mit Navigationsschaltflächen.
30. Fantastische jQuery "Skitter" Diashow
jQuery-Plugin "Skitter" zum Erstellen atemberaubender Diashows. Das Plugin unterstützt 22 (!) Arten verschiedener Animationseffekte beim Ändern von Bildern. Kann mit zwei Foliennavigationsoptionen arbeiten: Foliennummern und Miniaturansichten. Sehen Sie sich unbedingt die Demo an, eine sehr hochwertige Entdeckung. Verwendete Technologien: CSS, HTML, jQuery, PHP.
31. Diashow "Umständlich"
Funktionale Diashow. Folien können sein: einfache Bilder, Bilder mit Bildunterschriften, Bilder mit QuickInfos, Videoclips. Sie können mit den Pfeilen, Foliennummern und den linken / rechten Tasten auf Ihrer Tastatur navigieren. Die Diashow wird in mehreren Versionen erstellt: mit und ohne Miniaturen. Um alle Optionen anzuzeigen, folgen Sie den Links Demo Nr. 1 - Demo Nr. 6 oben auf der Demoseite.
Sehr originelles Design des Bildschiebers, das an einen Fächer erinnert. Animierter Folienwechsel. Die Navigation zwischen den Bildern erfolgt mit Pfeilen. Es gibt auch eine automatische Änderung, die über die Wiedergabe- / Pause-Taste oben ein- und ausgeschaltet werden kann.
Animierter jQuery-Schieberegler. Hintergrundbilder werden automatisch skaliert, wenn die Größe des Browserfensters geändert wird. Für jedes Bild wird ein Block mit einer Beschreibung angezeigt.
34. Schieberegler "Flux Slider" in jQuery und CSS3
Neuer jQuery-Schieberegler. Mehrere coole animierte Effekte beim Wechseln der Folien.
35. jQuery Plugin "jSwitch"
Animierte jQuery-Galerie.
Einfache Diashow auf jQuery mit automatischem Folienwechsel.
37. Neue Version des Plugins "SlideDeck 1.2.2"
Schieberegler für professionelle Inhalte. Es gibt Optionen mit automatischem Folienwechsel sowie eine Option, bei der Sie mit dem Mausrad zwischen den Folien wechseln können.
38. jQuery Sudo Slider
Leichter Bildschieberegler in jQuery. Es gibt viele Implementierungsoptionen: horizontale und vertikale Bildänderung mit und ohne Verweis auf die Foliennummer, mit und ohne Bildunterschriften, verschiedene Bildänderungseffekte. Es gibt eine automatische Folienwechselfunktion. Links zu allen Implementierungsbeispielen finden Sie auf der Demoseite.
39. jQuery CSS3-Diashow
Die Miniaturbild-Diashow unterstützt den automatischen Folienwechselmodus.
40. jQuery Flux Slider
Schieberegler mit vielen Effekten zum Ändern von Bildern.
41. Einfacher jQuery-Schieberegler
Stilvoller jQuery-Bildschieberegler.
Wir müssen Vorwärts- und Rückwärtsschaltflächen hinzufügen.
Dazu müssen Sie den zuvor geschriebenen Code ergänzen.
HTML-Code für den neuen Schieberegler
Die gesamte Schiebereglerstruktur bleibt gleich. Dem Markup werden zwei Container hinzugefügt, die als Schaltflächen dienen.
>Slider-Stile
Die Tasten nehmen aufgrund der absoluten Positionierung relativ zum Container ihren Platz ein.
Slider-Box (Position: relativ; Breite: 320px; Höhe: 210px; Überlauf: versteckt;) .slider (Position: relativ; Breite: 10000px; Höhe: 210px;) .slider img (float: left;) .slider-Box .prev, .slider-box .next (Position: absolut; oben: 100px; Anzeige: Block; Breite: 29px; Höhe: 29px; Cursor: Zeiger;) .slider-box .prev (links: 10px; Hintergrund: url ( ../images/slider_controls.png) no-repeat 0 0;) .slider-box .next (rechts: 10px; Hintergrund: url (../images/slider_controls.png) no-repeat -29px 0;)
Skript
Der Schieberegler scrollt automatisch. Standardmäßig erfolgt die Bewegung von links nach rechts. Bei Bedarf können Sie die Bewegungsrichtung jedoch mithilfe der Kursvariablen ändern. Wenn sich der Wert der Variablen von 1 auf -1 ändert, ändert sich die Bewegungsrichtung des Schiebereglers.
Bilder im Schieberegler sollten sich nicht ändern, wenn sich der Cursor im Schieberegler befindet. Warum wird das gemacht? Es ist einfach. Befindet sich der Mauszeiger auf dem Schieberegler, bedeutet dies, dass der Site-Besucher an seinem Inhalt interessiert ist. Wechseln Sie zu diesem Zeitpunkt die Folien nicht automatisch.
$ (function () (var slider \u003d $ (". slider"), sliderContent \u003d slider.html (), // Inhalt des Schiebereglers slideWidth \u003d $ (". slider-box") .outerWidth (), // Schiebereglerbreite slideCount \u003d $ (". slider img") .length, // Anzahl der Folien prev \u003d $ (". slider-box .prev"), // Zurück-Schaltfläche next \u003d $ (". slider-box .next"), // Weiterleitungstaste sliderInterval \u003d 3300, // Änderungsintervall verschieben animateTime \u003d 1000, // Zeit zum Wechseln der Folien Kurs \u003d 1, // Bewegungsrichtung des Schiebereglers (1 oder -1) margin \u003d - slideWidth; // Anfänglicher Folienversatz $ (". slider img: last") .clone () .prependTo (".slider"); // Eine Kopie der letzten Folie wird am Anfang platziert. $ (". slider img") .eq (1) .clone () .appendTo (".slider"); // Eine Kopie der ersten Folie wird am Ende platziert. $ (". slider") .css ("margin-left", - slideWidth); // Der container.slider wird um eine Folienbreite nach links verschoben. Funktion nextSlide () ( // Die Funktion animation () wird ausgeführt, um Folien zu ändern. intervall \u003d window.setInterval (animieren, sliderInterval); ) Funktion animate () (if (margin \u003d\u003d - slideCount * slideWidth- slideWidth) ( // Wenn der Schieberegler das Ende erreicht hat slider.css (("marginLeft": - slideWidth)); // dann kehrt der Schiebereglerblock in seine Ausgangsposition zurück margin \u003d - slideWidth * 2; ) sonst wenn (Rand \u003d\u003d 0 && Kurs \u003d\u003d - 1) ( // Wenn sich der Schieberegler am Anfang befindet und die Zurück-Taste gedrückt wird slider.css (("marginLeft": - slideWidth * slideCount)); // dann wird der Schiebereglerblock an seine endgültige Position verschoben margin \u003d - slideWidth * slideCount + slideWidth; ) else ( // Wenn die oben genannten Bedingungen nicht funktionierten, margin \u003d margin - slideWidth * (Kurs); // Der Randwert wird so eingestellt, dass die nächste Folie angezeigt wird ) slider.animate (("marginLeft": margin), animateTime); // Der Schiebereglerblock wird um 1 Schieberegler nach links verschoben. ) Funktion sliderStop () ( // Funktion zum Anhalten des Schiebereglers window.clearInterval (Intervall); ) prev.click (function () ( // Zurück-Taste gedrückt var kurs2 \u003d kurs; Kurs \u003d - 1; animieren (); // Aufruf der Funktion animate () Kurs \u003d Kurs2; )); next.click (function () ( // Zurück-Taste gedrückt if (slider.is (": animiert")) (return false;) // Wenn keine Animation auftritt var kurs2 \u003d kurs; // Temporäre Variable zum Speichern des Kurswerts Kurs \u003d 1; // Legt die Richtung des Schiebereglers von rechts nach links fest animieren (); // Aufruf der Funktion animate () Kurs \u003d Kurs2; // Die Kursvariable wird initialisiert )); slider.add (next) .add (prev) .hover (function () ( // Wenn sich der Mauszeiger innerhalb des Schiebereglers befindet sliderStop (); // Die Funktion sliderStop () wird aufgerufen, um den Schieberegler anzuhalten ), nächste Folie); // Wenn der Cursor den Schieberegler verlässt, wird die Animation fortgesetzt. nächste Folie (); // Rufe die nextSlide () Funktion auf } ) ;Das Ergebnis ist ein Schieberegler mit den Schaltflächen "vorwärts" und "zurück".
Derzeit ist ein Schieberegler - ein Karussell - eine Funktion, die Sie nur auf einer Geschäftswebsite, einer Portfolio-Site oder einer anderen Ressource benötigen. Neben den Vollbild-Bildschiebereglern passen horizontale Karussellschieberegler gut in jedes Webdesign.
Manchmal sollte der Schieberegler ein Drittel der Site-Seite einnehmen. Hier wird der Karussellregler mit Übergangseffekten und ansprechenden Layouts verwendet. E-Commerce-Websites verwenden einen Karussell-Schieberegler, um mehrere Fotos in einzelnen Posts oder Seiten anzuzeigen. Der Slider-Code kann frei verwendet und entsprechend Ihren Anforderungen geändert werden.
Durch die Verwendung von jQuery in Verbindung mit HTML5 und CSS3 können Sie Ihre Seiten interessanter gestalten, indem Sie ihnen einzigartige Effekte verleihen und die Aufmerksamkeit der Besucher auf einen bestimmten Bereich der Website lenken.
Slick - modernes Slider Plugin - Karussell
Slick ist ein kostenloses JQuery-Plugin, dessen Entwickler behaupten, dass ihre Lösung alle Ihre Slider-Anforderungen erfüllt. Der reaktionsschnelle Karussell-Schieberegler kann im Kachelmodus für mobile Geräte und im Drag-and-Drop-Modus für die Desktop-Version verwendet werden.
Enthält einen Übergangseffekt "Überblenden", eine interessante Funktion "Modus in der Mitte", verzögertes Laden von Bildern mit Autoscrolling. Die aktualisierte Funktionalität umfasst das Hinzufügen von Folien und einen Folienfilter. Alles, damit Sie das Plugin an Ihre Anforderungen anpassen können.
Demo-Modus | Herunterladen
Owl Carousel 2.0 - jQuery - berührungsfreundliches Plugin
Dieses Plugin verfügt über eine Vielzahl von Funktionen in seinem Arsenal, die sowohl für Anfänger als auch für erfahrene Entwickler geeignet sind. Dies ist eine aktualisierte Version des Karussell-Schiebereglers. Sein Vorgänger wurde genau gleich benannt.
Der Schieberegler enthält einige integrierte Plugins, um die Gesamtfunktionalität zu verbessern. Animation, Videowiedergabe, automatische Wiedergabe des Schiebereglers, verzögertes Laden und automatische Höheneinstellung sind die Hauptmerkmale von Owl Carousel 2.0.
Drag & Drop-Unterstützung erleichtert die Verwendung des Plugins auf Mobilgeräten.
Das Plugin eignet sich perfekt für die Anzeige großer Bilder auch auf kleinen Bildschirmen mobiler Geräte.
Beispiele | Herunterladen
jQuery Silver Track Plugin
Ziemlich kleines, aber reichhaltiges JQuery-Plugin, mit dem Sie einen Schieberegler auf der Seite platzieren können - ein Karussell mit einem kleinen Kern, das nicht viele Site-Ressourcen verbraucht. Das Plugin kann verwendet werden, um vertikale und horizontale Schieberegler, Animationen anzuzeigen und Bildersätze aus der Galerie zu erstellen.
Beispiele | Herunterladen
AnoSlide - Ultrakompakter, reaktionsschneller jQuery-Schieberegler
Ein ultrakompakter jQuery-Schieberegler - ein Karussell mit viel mehr Funktionen als ein normaler Schieberegler. Es enthält eine Einzelbildvorschau, eine Karussellanzeige mit mehreren Bildern und einen titelbasierten Schieberegler.
Beispiele | Herunterladen
Eulenkarussell - Jquery Slider - Karussell
Owl Carousel ist ein Drag & Drop-Schieberegler mit Unterstützung für Touchscreens, der einfach in HTML-Code eingebettet werden kann. Das Plugin ist einer der besten Schieberegler, mit denen Sie wunderschöne Karussells ohne speziell vorbereitetes Markup erstellen können.
Beispiele | Herunterladen
3D Galerie - Karussell
Verwendet 3D-Übergänge basierend auf CSS-Stilen und etwas Javascript-Code.
Beispiele | Herunterladen
3D-Karussell mit TweenMax.js und jQuery
Wunderschönes 3D-Karussell. Es sieht so aus, als wäre dies immer noch eine Beta-Version, da ich gerade ein paar Probleme damit entdeckt habe. Wenn Sie daran interessiert sind, Ihre eigenen Schieberegler zu testen und zu erstellen, ist dieses Karussell eine große Hilfe.
Beispiele | Herunterladen
Karussell mit Bootstrap
Reaktionsschneller Karussell-Schieberegler mit Bootstrap-Technologie genau richtig für Ihre neue Website.
Beispiele | Herunterladen
Basierend auf dem Bootstrap - Moving Box Karussell Slider Framework
Am gefragtesten auf Portfolio- und Business-Sites. Diese Art von Karussellschieber ist häufig auf jeder Art von Website zu finden.
Beispiele | Herunterladen
Kleiner Circleslider
Dieser winzige Schieberegler kann auf Geräten mit jeder Bildschirmauflösung verwendet werden. Der Schieberegler kann sowohl im Kreis- als auch im Karussellmodus arbeiten. Ein kleiner Kreis wird als Alternative zu anderen ähnlichen Schiebereglern angezeigt. Es gibt eine integrierte Unterstützung für IOS- und Android-Betriebssysteme.
Der Schieberegler sieht im kreisförmigen Modus ziemlich interessant aus. Die Drag & Drop-Unterstützung und das automatische Slide-Scrolling-System sind hervorragend implementiert.
Beispiele | Herunterladen
Däumelinchen-Inhaltsregler
Der leistungsstarke, reaktionsschnelle Karussell-Schieberegler ist perfekt für eine moderne Website. Funktioniert auf jedem Gerät ordnungsgemäß. Hat horizontale und vertikale Modi. Seine Größe wird auf nur 1 KB minimiert. Das ultrakompakte Plugin hat auch hervorragende glatte Übergänge.
Beispiele | Herunterladen
Wow - Slider - Karussell
Enthält über 50 Effekte, mit denen Sie einen Original-Schieberegler für Ihre Website erstellen können.
Beispiele | Herunterladen
Ansprechender BQSlider-Schieberegler für jQuery-Inhalte
Ändern Sie die Größe des Browserfensters, um zu sehen, wie sich der Schieberegler anpasst. Bxslider verfügt über mehr als 50 Anpassungsoptionen und präsentiert seine Funktionen mit verschiedenen Übergangseffekten.
Beispiele | Herunterladen
jKarussell
jCarousel ist ein jQuery-Plugin, mit dem Sie Ihre Bildvorschau organisieren können. Sie können auf einfache Weise benutzerdefinierte Karussellbilder aus der im Beispiel gezeigten Basis erstellen. Der Schieberegler reagiert und ist für die Arbeit auf mobilen Plattformen optimiert.
Beispiele | Herunterladen
Scrollbox - jQuery Plugin
Scrollbox ist ein kompaktes Plugin zum Erstellen eines Schiebereglers - Karussell oder Text-Bildlaufzeile. Zu den Hauptmerkmalen gehört das vertikale und horizontale Scrollen mit Mauspause.
Beispiele | Herunterladen
dbpasCarousel
Einfacher Schieberegler - Karussell. Wenn Sie ein schnelles Plugin wollen, ist dieses 100% gut. Kommt nur mit den Grundfunktionen, die erforderlich sind, damit der Schieberegler funktioniert.
Beispiele | Herunterladen
Flexisel: Responsive JQuery Slider Plugin - Karussell
Die Entwickler von Flexisel ließen sich vom jCarousel-Plugin der alten Schule inspirieren und erstellten eine Kopie davon, die sich auf die korrekte Bedienung des Schiebereglers auf Mobil- und Tablet-Geräten konzentrierte.
Das reaktionsschnelle Layout von Flexisel unterscheidet sich bei der Arbeit auf Mobilgeräten von dem Layout, das sich an der Größe des Browserfensters orientiert. Flexisel ist perfekt für die Arbeit mit Bildschirmen mit niedriger und hoher Auflösung geeignet.
Beispiele | Herunterladen
Elastislide - reaktionsschneller Schieberegler - Karussell
Elastislide passt sich perfekt an die Bildschirmgröße des Geräts an. Sie können die Mindestanzahl von Bildern festlegen, die mit einer bestimmten Auflösung angezeigt werden sollen. Funktioniert gut als Karussell-Schieberegler für die Bildergalerie mit einem festen Wrapper und einem vertikalen Bildlaufeffekt.
Beispiel | Herunterladen
FlexSlider 2
Frei umverteilbarer Schieberegler von Woothemes. Es gilt als einer der am besten ansprechenden Schieberegler. Das Plugin enthält mehrere Vorlagen und ist sowohl für Anfänger als auch für Experten nützlich.
Beispiel | Herunterladen
Erstaunliches Karussell
Amazing Carousel ist ein reaktionsschneller jQuery-Bildschieberegler. Unterstützt viele Site-Management-Systeme wie WordPress, Drupal und Joomla. Unterstützt auch Android- und IOS- sowie Desktop-Betriebssysteme ohne Kompatibilitätsprobleme. Mit den integrierten erstaunlichen Karussellvorlagen können Sie den Schieberegler im vertikalen, horizontalen und kreisförmigen Modus verwenden.
Beispiele | Herunterladen