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

4 Kommentare »

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

g*
Tobi

Kommentar by 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 by 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 by Andreas aus Hameln

8. August 2008 @ 23:45

Das Spiel habe ich erst am Wochenende auf unserer Website unter “Dies und das” in drei verschiedenen Größen eingebunden. Ich finde das Spiel einfach genial. Wer will kann ja mal bei uns reinschauen.

Viel Spaß beim puzzeln
Klaus

Kommentar by Klaus

3. August 2011 @ 12:33

RSS Feed für Kommentare zu diesem Artikel. TrackBack URI

Hinterlasse einen Kommentar

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>

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