SampleSkin.htmの詳細解説

DOCTYPEは無難な、「XHTML 1.0 Transitional」を指定します。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

文字コードしては必ずShift_JIS、prototype.js、wblib.jsの読み込みは必須なので、この部分は変更禁止。

    <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
    <script type="text/javascript" src="../prototype.js"></script>
    <script type="text/javascript" src="../wblib.js"></script>

自作するスキン専用のJavaScript(SampleSkin.js)と、スタイルシート(SampleSkin.css) の読み込みを指定。

    <script type="text/javascript" src="./SampleSkin.js"></script>
    <link type="text/css" rel="stylesheet" href="./SampleSkin.css">

サムネイルは、id=viewを検索し、この中に挿入されていきます。
id=frameはシームレススクロールを使う場合に必須です。

    <div id="frame">
        <div id='view'></div>
    </div>

この部分はスキンの設定で、複数選択ができるか、シームレススクロールを使用するか
サムネイルサイズと横枚数、縦枚数を指定します。
サムネイルのサイズや枚数を変えた場合は、スタイルシートの変更も必要です。

    <div id='config'>
        skin-version :      1;
        multi-select :      1;
        seamless-scroll :   2;
        thum-width :        160;
        thum-height :       120;
        thum-column :       1;
        thum-row :          1;
    </div>

PC

ダウンロード

開発環境

リンク集

おすすめフリーソフト

CentOS Server

Raspberry Pi

Ubuntu Server

WEB

DokuWiki

iPhone

iPhoneサンプル

電子工作

個人的なメモ

SampleSkin.htmの詳細解説