<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<link type="text/css" rel="stylesheet" href="./xxxxxx.css">
<!-- 以下の2つのjsは必ずインポートしてください -->
<!-- 必須 -->
<script type="text/javascript" src="../prototype.js"></script>
<script type="text/javascript" src="../wblib.js"></script>
</head>
<body>
<!-- 一度以上メソッドupdate()をコールして表示するサムネイルの数を決めてください -->
<!-- 必須 -->
<a href="javascript:wb.update(0, 10)">update</a>
<script type="text/javascript">
<!-- メソッドonUpdate()をオーバーライトしてサムネイルの表示をデザインしてください -->
<!-- 必須 -->
wb.onUpdate = function(mvs)
{
for(var n=0;n<mvs.length;n++){
var mv = mvs[n];
new Insertion.Bottom($("view"), ' \
<div class="thum" id="thum' + mv.id + '"> \
<img class="img_thum" id="img' + mv.id + '" src="' + mv.thum + '"> \
</div>'
);
};
<!-- 選択サムネイルを必ず指定してください -->
wb.focusThum(mvs[0].id);
};
<!-- 必要に応じてほかのメソッドもオーバーライトして動作を決定してください -->
</script>
<!-- サムネイル表示エリア -->
<div id="view"></div>
<!-- アプリケーションに渡す情報をコンフィグしてください -->
<!-- 必須 -->
<div id="config">
skin-version : 1;
thum-width : 184;
thum-height : 138;
thum-column : 0;
thum-row : 0;
seamless-scroll : 0;
</div>
</body>
</html>
最終更新:2007年11月25日 20:10