補足資料

過去のバージョンからの移行

Ver.2.01 から Ver.2.10 への移行

Ver.2.01 のテンプレートファイルはそのまま使うことができます。但し DOCTYPE の変更が必要です。移行手順は下記の通りです。

既存の maid.js ファイルを Ver.2.10 のものに差し替えます。
テンプレートファイルをテキストエディタで開きます。一番最初の行にある DOCTYPE を以下の通りに変更して、ブラウザが標準モードで動くようにします。
変更前
```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
```
変更後
```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
```
DOCTYPE を変更しなくても（互換モードのままでも）基本的には問題なく動作しますが、 IE9 の場合は標準モードにしないと不透明度調節が行えません。

Ver.1 から Ver.2.10 への移行

仕様が変更されたため、Ver.1 のサンプルファイル（テンプレートファイル）は、そのまま使うことができません。下記の手順で Ver.2.10 のデータに変換することが必要です。

Ver.1 → Ver.2.10 データ変換でデータ変換を行って、Ver.2.10 のテンプレートファイルに貼り付けます。
Ver.1 サンプルファイルの「表示セット」から「表示セットここまで」の間の option タグを選択・コピーして、 Ver.2.10 テンプレートファイルの「セットリストここから」の箇所に貼り付けます。
Ver.1 サンプルファイルの設定を基に、パネルの位置あわせや外観色の変更、説明文の編集などを行います。

Ver.1 → Ver.2.10 データ変換

この変換フォームを使うと、Ver.1 のデータを Ver.2.10 のデータに変換できます。 Ver.1 から Ver.2.10 に移行する際にお使いください。

■ Ver.1 用のデータ
(Ver.1 のサンプルファイル中の「表示画像の設定」にある baseimg() と img() の部分のみを選択・コピーして、下のフォームに貼り付けます。
処理できなくなるので、HTMLのタグは含まないようにしてください)

■ 変換された Ver.2.10 用のデータ
(Ver.2.10 のテンプレートファイル中の「画像・パネル設定」の箇所に貼り付けてください)

過去のバージョンからの変更点

画像設定の仕様変更

Ver.2 では Ver.1 の img() と baseimg() の仕様が以下のように変更されました。

img()

リスト項目の順番と画像の重ね順が逆になりました。
Ver.2 では上の行の img() ほどリスト項目が上になり、画像が手前に表示されます。
Ver.1 では上の行の img() ほどリスト項目が下になり、画像が奥に表示されます。
Ver.2 では pos が廃止されました。表示位置は常に座標 0,0 になります。
Ver.2.10 ではフルカラーPNGを使うときに src に ,a を指定する必要がなくなりました（指定してあっても無視され、問題は起こりません）。 480x640 ピクセルまでのサイズ制限もなくなりましたので、大きな画像もそのまま使用できます。

baseimg()

Ver.2 では廃止されました。代わりに img() に ctrl:0 を指定すると、同様の効果が得られます。

IE9のフェード効果の非対応について

IEでは画像表示のために特殊な処理を行っていますが、IE9ではその処理が正常に動作しなくなりました。そのためIE9ではフェード効果に非対応とさせていただきました。ご了承ください。 IE9（おそらく以降のバージョンでも）では Firefox, Chrome などのブラウザと同じ、汎用の処理方式で動作します。

各種設定について

`img()` の set の指定について

set を以下のように書くと見やすくすることができます（この記法通りにしなくても問題はありません）。

set を先頭に書くと img() を並べた時に、セットデータが縦方向に揃うので読みやすくなります。
セットデータの数が多い場合は、５個位ずつで半角スペースで区切ると、何番目のデータなのかを判別しやすくなります（見やすくするため、任意の個所に半角スペースやタブを入れることができます）。

指定例は次の通りです。

img("set:00100 10010 01; src:boushi3.gif; name:帽子３");
img("set:10010 01001 00; src:boushi2.gif; name:帽子２");
img("set:01001 00100 10; src:boushi1.gif; name:帽子１");
img("set:00100 10010 01; src:fuku3.gif; name:服３");
img("set:01001 00100 10; src:fuku2.gif; name:服２");
img("set:10010 01001 00; src:fuku1.gif; name:服１");

不透明度調節が不要な場合

テンプレートファイルを以下のように変更します。

123 行付近

変更前

<p>
不透明度
　・
　・

変更後

<p style="display:none">　← style="display:none" を追加
不透明度
　・
　・

フェード効果が不要な場合