img01

このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<link href="<PATH>/jquery.jqpuzzle.css" rel="stylesheet" />
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.jqpuzzle.min.js"></script>
<script>
	$(window).load(function(){
		$('#jqPuzzleDemo').jqPuzzle({ 
            cols: 5, 
            hole: 16, 
            numbers: false,
            success: { 
                callback: function(results) {  
                    alert('ぐれいと!'); 
                } 
            },
			animation: { 
                shuffleRounds: 1, 
                slidingSpeed: 100, 
                shuffleSpeed: 200 
            }, 
            style: { 
                gridSize: 0, 
                overlap: false, 
                backgroundOpacity: 0 
            }
		});
	});
</script>
<p><img id="jqPuzzleDemo" src="<PATH>/img05.jpg" alt="img01" /></p>

jqPuzzleについて

jqPuzzleは簡単にスライドパズルが作れるプラグインです。
操作ボタンのテキストは言語設定が可能なので、自分で設定すれば日本語表記もできます。
これさえ設置しておけば、サイトの直帰率も激減!?
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT or GPL
対応ブラウザ

関連するjQueryプラグイン

  • Planetarium

    Planetarium

    惑星を表示できる

  • Snowfall

    Snowfall

    サイトに雪を降らせることができる