JQuery: Die 20+ besten Content – Plugins (Scroll, Accordion, Slide)
Vor einiger Zeit habe ich ja schon die besten Bildergalerie-Plugins und die besten Modal-Plugins für JQuery vorgestellt und nun soll eine Auflistung der besten Content-Plugins folgen.
Die Liste enthält eine Übersicht über Slider-Plugins, Accordion-Plugins und Scroll-Plugins für das Javascript-Framework JQuery.
JQuery UI
JQuery UI Accordion
Size: 120 KB (JQuery UI Core + Accordion + Theme)
License: MIT/GPL
Homepage: http://jqueryui.com/
Demo: http://jqueryui.com/demos/accordion/
jQuery Tools
jQuery Tools
Size: 6 KB
License: MIT/GPL
Homepage: http://flowplayer.org/tools/index.html
Demo: http://flowplayer.org/tools/scrollable.html
Bassistance Accordion (JQuery UI Standalone)
Bassistance Accordion
Size: 3,7 KB
License: MIT/GPL
Homepage: http://bassistance.de/jquery-plugins/jquery-plugin-accordion/
Demo: http://jquery.bassistance.de/accordion/demo/
CodaSlider
CodaSlider
Size: 2 KB
License: -
Homepage: http://www.ndoherty.com/blog/category/coda-slider
Demo: http://www.ndoherty.com/demos/coda-slider/1.1.1/
Sliding Boxes and Caption
Sliding Boxes and Caption
Size: 1 KB
License: -
Homepage: http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/
Demo: http://buildinternet.com/live/boxes/
Fmarcia Accordion-Script
Fmarcia Accordion
Size: 1,7 KB
License: -
Homepage / Demo: http://fmarcia.info/jquery/accordion.html
Horizontal Accordion 2.00
Horizontal Accordion
Size: 4 KB
License: -
Homepage: http://www.portalzine.de/index?/Horizontal_Accordion–print
Demo: http://www.portalzine.de/Horizontal_Accordion_Plugin_2/index.html
jCarousel
jCarousel
Size: 9 kB
License: MIT/GPL
Homepage: http://sorgalla.com/projects/jcarousel/
Demo: http://sorgalla.com/projects/jcarousel/#Examples
Hover Accordion
Hover Accordion
Size: 3 KB
License: -
Homepage / Demo: http://berndmatzner.de/jquery/hoveraccordion/
toggleElements
toggleElements
Size: 2 KB
License: -
Homepage / Demo: http://jquery.andreaseberhard.de/toggleElements/
Moving Boxes
Moving Boxes
Size: 4 KB
License: -
Homepage: http://css-tricks.com/downloads/
Demo: http://css-tricks.com/examples/MovingBoxes/
DL Toggle Accordion Script
DL Toggle Accordion
Size: < 1 KB
License: -
Homepage / Demo: http://jquery.com/files/demo/dl-done.html
Portlets
Portlets
Size: 24 KB
License: -
Homepage: http://sonspring.com/journal/jquery-portlets
Demo: http://host.sonspring.com/portlets/
ScrollTo
scrollTo
Size: 2 KB
License: -
Homepage: http://flesler.blogspot.com/2007/10/jqueryscrollto.html
Demo: http://demos.flesler.com/jquery/scrollTo/
Sliding Login Panel
Sliding Login Panel
Size: 1 KB
License: CC
Homepage / Demo: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
jScrollPane
jScrollPane
Size: 22 KB
License: -
Homepage: http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html
Demo: http://www.kelvinluck.com/assets/jquery/jScrollPane/basic.html
Agile Carousel
Agile Carousel
Size: 15 KB
License: -
Homepage: http://www.agilecarousel.com/
Demo: http://www.agilecarousel.com/examples/simple_example
s3slider
s3Slider
Size: 2 KB
License: CC 2.5
Homepage: http://www.serie3.info/s3slider/index.php
Demo: http://www.serie3.info/s3slider/demonstration.html
CrossSlide
CrossSlide
Size: 11 KB
License: GPL
Homepage / Demo: http://www.gruppo4.com/~tobia/cross-slide.shtml
Innerfade
InnerFade
Size: 5 KB
License: -
Homepage / Demo: http://medienfreunde.com/lab/innerfade/
jScroller
jScroller
Size: 2 KB
License: GPL/MIT
Homepage: http://jscroller.markusbordihn.de/
Demo: http://jscroller.markusbordihn.de/example/
Kwicks
Kwicks
Size: 2 KB
License: MIT
Homepage: http://www.jeremymartin.name/projects.php?project=kwicks
Demo: http://www.jeremymartin.name/examples/kwicks.php?example=1
weitere Links:
Tolle Sammlung von collen jQuery Beispielen.
Gruß aus Kassel
Danke für die Zusammenstellung, gefunden genau zum richtigen Zeitpunkt. Kannte bislang nur toggleElements, das zwar SEO-freundlich, bisweilen aber etwas unflexibel ist.
Gruß aus Berlin,
Uwe
Danke dir für dein Kommentar
Freut mich, wenn dir die Liste helfen konnte
Gruß,
Dennis
Sehr schöne Liste mit jQuery Beispielen. Sind in der Tat sehr schöne Effekte dabei.
Gruß Aus KS
Hallo zusammen,
sind die Beispiele eigentlich kostenlos zu nutzen? Ich mein wenn ich mir eine eigene Seite machen möchte, kann ich die Javascript codes nutzen?
Viele Grüße
Erik
Hey Erik,
die meisten Skripte sind kostenlos und können auch in deiner Webseite verwendet werden.
Entscheidend hierbei ist, unter welcher Lizenz die Skripte verwendet wurden. Skripte die unter GPL und/oder MIT stehen, kannst du problemlos für deine Webseite verwenden.
Viele Grüße,
Dennis
Hi,
tolle Sammlung, dankeschön!
Habt ihr mal ausrpobiert, weleche Slider in Sachen Performance der Site am besten abschneiden?
Ich hatte bis vor kurzem auf meiner Site einen laufen, der aber die Ladezeit ins schier Unendliche gedehnt hat.
Ich möchte schon wieder einen Slider einsetzen, bin jetzt aber auf der Suche nach einer Kombi schick plus schnell/schlank.
Viele Grüße
Elke
Hey Elke,
freut mich, wenn dir die Liste weiterhelfen konnte
Welches Skript hattest du denn eingebaut?
Bislang habe ich die einzelnen Skripte noch nicht auf ihre Performance getestet. Tut mir leid…
Viele Grüße,
Dennis
Danke für die schöne Zusammenstellung. Hier sind noch ein paar Beispiele inkl. download: http://blog.xparo.com/jQuery-Slider.aspx
Hier noch ein Slider mit zoom Effekt für Bilder: http://www.ajax-zoom.com/examples/example9.php
Hallo,
ich bin auf der Suche eine Art ScrollPane (horizontal) in der ich die Scrollbar frei definieren (Breite, Grafiken etc..) kann.
Beispiel:
Scrollbarer container ist 800px Breit der angezeigte Bereich ist 300px und die Scrollbar soll z.Bsp: nur 100px breit sein.
Momentan verwende ich das Script von folgender Seite:
http://jscrollpane.kelvinluck.com/
Kann mir jemand einen Tip geben??
Vielen Dank im Voraus
Hello,
I have created and shared a JQuery Horizontal Slider.
Check it out http://lxcblog.com/2010/10/14/jquery-horizontal-slider-sliding-doors-tabs/
Let me know if you like it.
Thanks.
Hallo zusammen,
hat einer von euch schon mal den kwicks slider in einer Magento Installation eingefügt? weiß nicht wie ich es realisieren könnte.
Hallo,
ich bräuchte einen Scroller, der automatisch den Inhalt hoch oder runter scroll, sobald man sich mit der Mouse hoch oder runter bewegt.
Also quasi den “Jquery Smooth Div Scroller” nur vertikal.
Wer hat ‘nen guten Tip?
Danke
Eine umfangreiche Sammlung hast Du hier angelegt. Danke dafür. Leider ist sie mir erst heute aufgefallen.
Ich habe auch lange gesucht nach einem Werkzeug, dass Content dynamisch anzeigt. Es sollte aber auch Text und Bild angezeigt werden, der aus einer SQL Datenbank abgefragt wird und das Aussehen sollte 100% beeinflussbar sein.
Mein Favorit dafür ist bisher der content Rotator von MexMax. Dieser kostet allerdings ein paar Dollar (<30?)und ist wohl nur für DNN erhältlich.
PS: vielleicht verschlagwortest Du deine Seite hier noch mit weiteren Suchworten wie "content-rotator, dynamischer Text, rotieren, dynamisch Bild anzeigen o.ä." – nur ein paar Vorschläge damit noch mehr Anwender deine Seite finden.
Gruß, Richard
Super Sammlung! Ich bin immer wieder auf er Suche nach guten jQuery-Skripten – hat mir sehr weitergeholfen und war vieles dabei was ich noch nicht kannte. Vielen Dank!
geniale Sammlung von Slider Scripten, vielen Dank.
Coole Sammlung, was mich an deiner leider etwas “stört” sind die +/- kommentare, du hattest nur geschrieben das es dich freut das jemand
andres damit geholfen ist, und du kassierst dafür 3-…
Komisch, aber tolle site sonst
Weiter so!