LautundKlar Webdesign Blog

LautundKlar Webdesign Agentur Passau - Webdesign Weblog

Victor Hugo:
Ein Traum ist unerlässlich, wenn man die Zukunft gestalten will.

LautundKlar Webdesign Blog

Weblog zum Thema Webdesign, auf dem wir in unregelmäßigen Abständen zu interessanten Artikeln verweisen und Tipps zu bestimmten Problemen (Webdesign, CSS, PHP, JavaScript, Typo3 etc.) geben wollen.


JavaScript Puzzle mit jQuery

Dienstag, 22. Juli 2008

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: 53% [?]

3 Kommentare »

Das Plugin funktioniert hervorragend!!! Dein Beispiel gefällt mir auch sehr gut…Danke für den Tip…

g*
Tobi

Kommentar von Tobi

23. Juli 2008 @ 11:13

mit 7 zügen geschafft, ein netter zeitvertreib und bei dem beispiel sogar mit einem sehr netten motiv :)

Kommentar von Heinrich

3. August 2008 @ 23:00

Nette Demo und nettes Bild, dank Dir für den Hinweis. Mal ne kleine Abwechslung für zwischendurch.

Gruß Andreas

Kommentar von Andreas aus Hameln

8. August 2008 @ 23:45

RSS-Feed für Kommentare zu diesem Beitrag. TrackBack-URI

Einen Kommentar hinterlassen

XHTML: Sie können diese Tags verwenden: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Kommentarlinks könnten nofollow frei sein.



blogCloud bloggerei.de supported by www.rankingcloud.de Gelistet im Blog Verzeichnis

PantherMedia -  Fotocommunity und Bildagentur für lizenzfreie Fotos
 Bildsuche: lizenzfreie Fotos