Kontinuierlicher Karussell von JQuery UI angetrieben

Diese JQuery UI Continuous Carousel, Rcarousel, bietet eine nostalgische Reise zurück in die Kinderkarusselle, aber ohne die Bewegungskrankheit! Version 1.1 bietet erhebliche Verbesserungen, einschließlich der Unterstützung für HTML -Inhalte (nicht nur Bilder) und vereinfachte Verwendung. Fügen Sie einfach Ihren Inhalt einem Container hinzu und initialisieren Sie das Widget.

hochpassbares RCAROUSEL ermöglicht mehrere Karussells pro Seite, variable sichtbare Elemente und verstellbare Scrolling -Schritte. Das Laden von Dynamikelementen über API (z. B. Abrufen von XML oder JSON) wird ebenfalls unterstützt. Zu den wichtigsten Funktionen gehören umfangreiche Optionen, verknüpfte Bilder und Elemente sowie vertikale Karussellfunktionen.

Während der umfassenden Browserkompatibilität (Internet Explorer 7, Firefox 3.0, Chrome, Opera 10.10, Safari 4.0.5) ist es nicht für ultra-amtierende Browser ausgelegt.

In der Freizeit des Autors entwickelt und gepflegt, ist Rcarousel ein Beweis für die Zusammenarbeit mit Open-Source. Spenden werden für den Entwickler während der Arbeitslosenfrist unterstützt. Für diejenigen, die Lightboxes verwenden, empfiehlt der Autor auch RILGLIGBOX2.

über den Autor

wojciech ryrych, ein autodidaktischer Front-End-Entwickler aus Polen, ist leidenschaftlich für Linux, Open Source und kontinuierliches Lernen.

rcarousel Seite: (defekten Link)

häufig gestellte Fragen (FAQs)

Wie kann ich das Erscheinungsbild des Karussells anpassen? Verwenden Sie die Klassen von JQuery UI oder erstellen Sie benutzerdefinierte Stile für einzigartige Effekte.

Kann ich auf einer Seite mehrere Karussells verwenden? absolut! Stellen Sie sicher, dass jedes Karussell eine eindeutige ID hat, um Konflikte zu verhindern, und initialisieren Sie sie einzeln in Ihrem JavaScript. Passen Sie die Einstellungen (sichtbare Gegenstände, Geschwindigkeit, Richtung) nach Bedarf pro Karussell ein.

Wie füge ich Bildunterschriften hinzu? Stylen Sie diese Bildunterschriften in Ihrem CSS und positionieren Sie sie angemessen. Dynamische Bildunterschriftengenerierung basierend auf Bild Attribute ist auch mit jQuery möglich. <div> <code><li> Wie aktiviere ich die automatische Scrolling? alt Verwenden Sie die Option in den Karusselleinstellungen. Ein positiver numerischer Wert legt die Bildlaufverzögerung (in Millisekunden) fest, während

die Standardgeschwindigkeit verwendet. auto unterstützt es Berührungsereignisse auf mobilen Geräten? true Ja, Touch -Ereignisse werden unterstützt. Wischen Sie zum Scrollen, und die Option

ermöglicht das Aktivieren/Deaktivieren der Berührungssteuerung.

Wie füge ich Navigationsschaltflächen hinzu? prev Kann ich Elemente dynamisch aus einer Datenbank oder API laden? Denken Sie daran, die next -Methode zu rufen, um den Zustand des Karussells zu aktualisieren.

Wie kann ich FADE -Übergänge hinzufügen? <li> Kann ich das Karussell beim Schwebedruck pausieren? reload

Kann ich es mit anderen JQuery UI -Widgets verwenden? Verwenden Sie beispielsweise einen Schieberegler, um die Bildlaufgeschwindigkeit zu steuern.