LautundKlar

Spiel, Spass und Unterhaltung

jqPuzzle ist einfach und vielseitig konfigurierbares jQuery Plugin, das ein Puzzle mit variabler Anzahl an Puzzleteilen erzeugt. Ein Timer kann aus- oder eingeblendet werden, das automatische Mischen kann aktiviert und deaktiviert werden und die Optik kann weitestgehend per CSS an den eigenen Geschmack angepasst werden.

Plugin einbauen…

Die Integration ist denkbar einfach. Nachdem jquery.js, jquery.jqpuzzle.js und jquery.jqpuzzle.css im Html-Dokument eingebunden wurden, muss man nur noch dem Bild das man zerstückeln möchte die Klasse class="jqPuzzle" geben. Dann kann man noch über CSS Micro Formats nach dem Schema jqp-r3-c3-h9-NDE bestimmte Flags setzen.

Eine ausführliche Erklärung findet man beim Entwickler.

Wir haben das Plugin auch gleich mal ausprobiert und so sieht unsere Version aus : )

Popularity: 13% [?]

Coole JavaScript Navigation, die an Flash erinnert. Der Hintergrund des Navigationspunktes wandert mit der Maus mit und passt sich dabei an die Breite des Menüpunktes an. Es handelt sich hierbei um ein sogenanntes “unobtrusive JavaScript”, da die Navigation auch ohne JavaScript funktioniert. Die Navigation wurde außerdem semantisch korrekt mit einer Liste (<ul>) umgesetzt.

http://devthought.com/cssjavascript-true-power-fancy-menu/

Popularity: 17% [?]

BarackSlideshow Bildergalerie & Slideshow Script

BarackSlideshow ist ein schönes, elegantes Slidshow Script das mit Hilfe von Mootools umgesetzt wurde.

Ein Demo ist hier zu finden: http://devthought.com/wp-content/moogets/BarackSlideshow/demo.html

Popularity: 20% [?]

Ich war lange auf der Suche nache einem vernünftigen Flash Image Zoom und bin dabei auf diese JavaScript Variante gestoßen:

Magic Zoom Image Zoom Tool

Magic Zoom ist ein JavaScript Image Zoomer der sehr einfach in eigene Projekte eingebunden werden kann. Auch für die Besucher gestaltet sich die Bedienung sehr einfach. Man muss nur die Maus über das Bild bewegen um jedes Detail des Produktes zu sehen.

Eine kostenlose Lizenz von Magic Zoom gibt es auch. Diese ist jedoch nur für nicht-kommerzielle Websites. Enthalten ist der JavaScript-und CSS-Code sowie ein HTML-Probe und ein Bild.

Popularity: 21% [?]