関連ページHTML出力  Ver.1.00
.
1 画像一覧表示

  作成した画像定義データの確認に利用し、画像表示ボタンをクリックすると画像と説明文を表示します。、

  表示確認後 「 戻る 」ボタンでこのページに戻ってください。

  必要に応じ 3 の画像枠設定の項で 枠の太さ、色を指定してください。

   ( ここで表示されるページは、背景やタイトルはなく、画像と説明文についてのみ )
   

2 画像一覧ページ用 HTML文表示

  編集した画像定義データによる画像一覧ページのHTML文をボタンをクリックすると

  出力します。

  必要に応じ 3 の画像枠設定の項で 枠の太さ、色を指定してください。

  右のようにHTMLタグが表示されるのでこの文字全てをコピーし 画像一覧ページ

  のHTMLファイルの<BODY> と</BODY>タグの間に貼り付け保存してください。

  完了後 「 戻る 」ボタンでこのページに戻ってください。

  


 HTMLタグ表示例 
<!--Created by ver 1.10 system 2003.9 (c) Auto-Scroll Panorama Gallery --><BR>

<table border='8' bordercolorlight='#C0C0C0' bordercolordark='#808080' bgcolor='#FFFFE0' cellpadding='3' cellspacing='5'>
<tr><td valign='middle' colspan='2' nowrap bgcolor='#FFFFE0' rowspan='10'>
<img src='zz_test1.jpg'>
</td></tr>
</table>
<table border='0' width='600'>
<tr><td><font color='#000000'><BR>No.1  これはテスト画像 No.1です  </font>
</td></tr>
</table><BR><BR>

 ( 以下省略 )

3 画像枠設定

 1、2 での画像一覧表示、HTML文作成時の画像の枠を指定します
 画像の枠 ; 罫線の指定 規定値に対し下の指定を修正することができます
罫線の幅  左の3カ所に 0 (ゼロ)を入力すると、罫線が表示されなくなります。
セル間のスペース  
セル内のスペース  
 色の指定
明るい罫線               色コード指定: ( 例;#C0C0C0 のように;半角)
暗い罫線               色コード指定: ( 例;#808080 のように;半角)
背景               色コード指定: ( 例;#FFFFE0 のように;半角)
説明文の表示幅  この幅を超えた説明文は自動的に改行されて表示されます。 No. 表示も含んだ幅です。
 規定値での枠表示は次のようになります。
. 

4 サムネイルページ用 HTML文出力


 必要に応じサムネイルページ用HTML文作成) サムネイル一覧ページ参考例は [ こちらから ]

[ 設定 ] 設定のデフォルト値を変更するには、HP編集ソフトでフォームフィールドのプロパティで変更し保存してください。
 ・ 1行あたりのサムネイル画像数   
 ・ 表示画像に対しサムネール画像のファイル名    (例) 画像  サムネイル  他の例) 画像 サムネイル
   画像ファイル名の後に文字を追加          pic001.jpg pic001s.jpg    fuji_asa.jpg  fuji_asa1.jpg
   画像ファイル名の最後1字を文字に置き換え    pic01d.jpg pic01s.jpg     fujiasa1.jpg  fujiasa.jpg
   → 上記追加/置き換えの文字  注) この文字に入力なければ追加/置き換え文字は無しと扱う  ↑;1は無
 ・ サムネイルクリック時に呼び出すリンク先
   jpg ファイル直接呼び出し
   HTMLファイル ( 同一フォルダの 画像ファイル名.htm )
   スライドショー 画像番号呼び出し

 * 不要な画像の削除・並べ替は サムネイルページ作成後、HTML文をホームページ編集ソフトで編集します。