RSS Feed
Twitter
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:
[...] Blogrammierer hat eine interessante Liste mit Content-Plugins für jQuery [...]
[...] JQuery: Die 20+ besten Content – Plugins (Scroll, Accordion, Slide) http://bit.ly/182aAn [link] view [...]
Tolle Sammlung von collen jQuery Beispielen.
Gruß aus Kassel
[...] nicht einfach. Hier zusammengefasst interessante Links, die ich in dieser Woche gefunden habe: Accordion Slides @font-face – Fonts einbinden per CSS Und der Punktestand vom Bundesliga-Manager-Spiel: Kicker [...]
[...] Eine Übersicht von diversen Slider, Scroll und Accordion Plug-Ins gibt es beim Blogrammierer [...]
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
Accordion – Die neue Art des Dropdowns?…
jQuery Accordion
Viele kennen sicherlich die sogenannten Dropdown Menüs, doch sind diese nicht schon zu sehr ausgelutscht?
Ich bin dieser Meinung und deshalb habe ich mich auf die Suche gemacht, um eine Alternative zu finden die dem Dropdown Menü bzw. …
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
JQuery: Die 20+ besten Content – Plugins (Scroll, Accordion, Slide) | BLOGRAMMIERER…
Kollektion von jQuery Plugins für Content…
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