In dieser Woche finden Sie eine Auswahl an fantastischen kostenlosen Ressourcen, darunter einige unserer beliebtesten jQuery-Plugins. Wenn Sie diese in Ihren Website-Designs verwenden, können Sie viel Zeit bei der Entwicklung sparen und sicherstellen, dass sowohl Code als auch Design erstklassig sind.
Es gibt ein paar zufällige Plugins für Tooltips und Twitter-Widgets. Die meisten Ressourcen finden Sie weiter unten. Egal, ob Sie ein 3D-Karussell oder eine Vollbild-Diashow wünschen, hier ist etwas für Sie dabei!
Cloud Carousel - Ein 3D-Karussell in Javascript
Es gibt einige attraktive Adobe Flash-basierte Lösungen für diese Art von UI-Komponenten, und obwohl JavaScript-Versionen vorhanden sind, weisen die kommerziellen Flash-Produkte tendenziell eine bessere Ästhetik und Politur auf. Um das Gleichgewicht zu Gunsten von JavaScript wieder herzustellen, habe ich dieses jQuery-Karussell-Plugin erstellt.
ColorBox
Ein leichtes, anpassbares Leuchtkasten-Plugin für jQuery 1.3 und 1.4. Unterstützt Fotos, Gruppierung, Diashow, Ajax-, Inline- und iframed-Inhalte. Das Erscheinungsbild wird über CSS gesteuert, sodass Benutzer die Box neu gestalten können. Vollständig unauffällig, Optionen werden in der JS festgelegt und erfordern keine Änderungen an vorhandenem HTML.
JQuery Cycle Plugin
Das jQuery Cycle Plugin ist ein Diashow-Plugin, das viele verschiedene Übergangseffekte unterstützt. Es unterstützt Pause-an-Hover, Auto-Stop, Auto-Fit, Vorher / Nachher-Rückrufe, Klickauslöser und vieles mehr. Es unterstützt auch das Metadaten-Plugin und das Easing-Plugin.
Easy Tooltip - jQuery-Plugin
? Ich liebe die Einfachheit der Verwendung (und wichtigerer Wiederverwendung) von jQuery-Plugins. Also entschied ich mich, ein weiteres Plugin zu veröffentlichen, das aus meinem persönlichen Bedarf kam - jQuery Tooltip. Ich habe bereits behauptet, dass dies der einfachste Tooltip ist, der je war. Ich habe einige Änderungen daran vorgenommen, so dass jetzt einige zusätzliche Funktionen vorhanden sind.
Vollbild
Sie möchten also ein Hintergrundbild auf Ihrer Website haben, das immer den Bildschirm ausfüllt und das Seitenverhältnis beibehält? Und es muss zentriert werden, anstatt auf die obere linke Ecke des Bildes zu fokussieren? Es ist mit jQuery und dem Fullscreen-Plugin auf dieser Seite möglich! Eine Demonstration finden Sie hier und wie Sie sehen, funktioniert sie in allen Javascript-fähigen Browsern einwandfrei. Beachten Sie, dass Internet Explorer zusätzlichen Code benötigt, um das für das Raster verwendete transparente PNG über dem Hintergrundbild zu aktivieren. Wenn Sie diesen Code hinzufügen möchten, möchte ich Sie auf unitpngfix verweisen, aber Sie könnten IE6 natürlich nicht unterstützen.?
Facebox
Facebox ist eine jQuery-basierte Lightbox im Facebook-Stil, in der Bilder, Divs oder ganze Remote-Seiten angezeigt werden können. Es ist einfach zu bedienen und schont die Augen. Laden Sie das Archiv herunter, sehen Sie sich die Beispiele an und genießen Sie die Kurven.?
jCarousel
jCarousel ist ein jQuery-Plugin zum Steuern einer Liste von Elementen in horizontaler oder vertikaler Reihenfolge. Die Elemente, die statischer HTML-Inhalt sein können oder mit (oder ohne) AJAX geladen werden können, können (mit oder ohne Animation) vor- und zurückgeblättert werden.
jTweetsAnywhere
Ein jQuery-Twitter-Widget mit @Anywhere-Unterstützung und vielen anpassbaren Optionen.
Nivo Slider
Der fantastischste jQuery-Schieberegler der Welt. Schauen Sie sich die Demos an, um sich ein Bild davon zu machen, was mit dem Nivo Slider möglich ist, oder sehen Sie sich die Schaufenster der Sites an, die den Nivo Slider verwenden.
Supersized - Vollbild-Hintergrund / Slideshow-jQuery-Plugin
? Verändert die Größe der Bilder so, dass sie den Browser ausfüllt, während das Bildmaß beibehalten wird. Zyklen Bilder / Hintergründe per Diashow mit Übergängen und Vorladen. Navigationssteuerungen ermöglichen Pause / Wiedergabe und Vor / Zurück.
Was haben wir vermisst?
Nun, da Sie unsere kleine Sammlung von jQuery-Plugins gesehen haben, hinterlassen Sie einen Kommentar und lassen Sie uns wissen, mit welchen Plugins Sie nicht leben könnten.
Schauen Sie sich nächste Woche wieder für mehr wöchentliche Freebies von Design Shack an!