テンプレート2

<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