QPON ジグソーパズル システム


ソース
<html lang="ja">
<head>
<meta charset="shift-jis">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/> 


<title>ジグソーパズル</title>
<style>
.thum {
	background-color:#00cccc;
	padding:20;
	border:inset #888800 10px;
}
</style>

</head>
<body>
<script>

ur="./";//写真を置くURL
//拡大画面=写真の横幅,高さ,分割数(横,縦),効果音(接続,完成),背景色,壁紙
					//効果音は省略するとシステム音になる
img_size="800,600,4,3,utu.mp3,dona.mp3,#8888ff,jigback.gif";
//サムネール=横幅,高さ,並べ数
		//装飾はclass="thum"をスタイルシートで装飾してください
thm_size="200,140,3";
//個別データ
dt=new Array();n=0;
//	写真ファイル[,横幅,高さ,分割数(横,縦),効果音(接続,完成)]
//                                  []内省略可(拡大画面データを共用)
n++;dt[n]="yuzu.jpg,800,600,3,3,utu.mp3,dona.mp3,#008888";

n++;dt[n]="usi.jpg";
n++;dt[n]="takasi.jpg";
n++;dt[n]="jems.jpg";
n++;dt[n]="hamu.jpg";
n++;dt[n]="pasi.jpg";

</script>

<script src="https://qpon-toyota.com/jigsaw/q_jigsaw.js" charset="shift-jis">

</script>
</body>
</html>

旧システム「jigsaw.js」を改造する場合は
1)jigsaw.jsをq_jigsaw.jsと書き換え
2)<head>に<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11;">を追記
3)サムネールの装飾はclass="thum"をスタイルシートで装飾してください