|
ソース |
|---|
<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="./";//写真を置くＵＲＬ
//拡大画面＝写真の横幅,高さ,分割数（横,縦）,効果音（接続,完成）,背景色,壁紙
//効果音は省略するとシステム音になる
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」を改造する場合は １）jigsaw.jsをq_jigsaw.jsと書き換え ２）<head>に<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11;">を追記 ３）サムネールの装飾はclass="thum"をスタイルシートで装飾してください |