Shockwave素材　ジグソーパズル

DOWNLOAD FREE

ダウンロードしたファイルを解凍すると

puz.htm	サンプル用ＨＴＭＬ
loader.dcr	ジグソーパズル用Shockwaveファイル
jig_puz.dcr	ジグソーパズル用Shockwaveファイル
test.jpg	サンプル用パズル画像
test_2.jpg	サンプル用リンク画像

以上の５つのファイルが現れます。

ダウンロードしたファイルを適当なサーバーにアップロード後、 ブラウザでpuz.htmを開くと、ジグソーパズルの画面が現れると思います。

パズルに使用する画像ファイルを準備

画像のサイズは、横が６４０ピクセル　縦が４８０ピクセルで、解像度が72dpiです。

フォーマットはJpegで、ファイル名称には全角文字を使用しないでください。

puz.htmファイルを参考にHTMLを編集

<!-- IE用の設定 -->
<PARAM NAME=sw2 VALUE="test.jpg">
<PARAM NAME=sw3 VALUE="testData">
<PARAM NAME=sw4 VALUE="test_2.jpg">

<!-- NN用の設定 -->
<embed
　　src="loader.dcr"
　　bgColor=#000000
　　width=800 height=600
　　swRemote="swSaveEnabled='true' swVolume='true' swRestart='true' swPausePlay='true' swFastForward='true' swContextMenu='false' "
　　swStretchStyle=fill
　　type="application/x-director"
　　pluginspage="http://www.macromedia.com/shockwave/download/"
　　sw1="jig_puz.dcr"
　　sw2="test.jpg"
　　sw3="testData"
　　sw4="test_2.jpg"
></embed>

編集箇所はInternetExplorer用とNetscpe(Firefox)用の計６箇所です。

全角文字は使用しないでください

test.jpg　←パズルに使用したい画像ファイル
testData　←保存データ名。パズル毎に異なった名称にしてください
test_2.jpg　←完成時のリンク先

以上の準備が出来たら サーバーにアップロードしたファイルを上書きして設置終了。