フォトサムネイル

 内容
 HPで多数の画像を掲載したい場合、画像のサムネイル一覧を自動作成して表示し、その中から画像を選択表示できます。

 特徴
 ●画像はFTPでサーバへ一括転送します。画像ファイル名は任意です。
 ●サムネイル一覧を自動作成して表示します。
 ●画像の最大数を設定できます。画像が最大数を越えるとアップロードの古い順から自動的に削除されます。

 表示例
[HOME]フォトサムネイル  (全 3枚)

1

2

3
[管理]
実際に動作しているサンプルが こちら にありますのでご覧下さい。

 設置手順
No 項 目 内  容
1 ファイルダウンロード 下記の圧縮ファイルをダウンロードします。
  view16.zip
2 ファイルの解凍 圧縮ファイルを解凍すると下記のファイルが生成されます。解凍ツールは「+Lhaca」が推奨です。
  <ディレクトリ構成>
     |---viewdata (ディレクトリ)
     |---view16.cgi
3 プログラムの変更 view16.cgi は最初の行に下記のようにPerlパスが記述してあります。
この記述がサーバ側で定められた指定と異なる場合は修正して下さい。(参考
  /usr/bin/perl
4 HPページの記述 HPページで本CGIへ下記のリンクを張ります。
  http://xxxx/view16.cgi

任意のディレクトリに画像ファイルを格納します。画像ファイル名は任意です。
  <ディレクトリ構成例>
     |---photo (画像ディレクトリ)
     |---viewdataディレクトリ
     |---view16.cgi
5 ファイル転送 上記のファイル及びHPページをサーバへ転送します。
6 パーミッションの設定 アクセス権 (パーミッション)を下表のように設定します。
但し、サーバによってパーミッションが指定されている場合は、それに従って下さい。
ファイル名 アクセス権 備 考
view16.cgi 755  
viewdataディレクトリ
画像ディレクトリ(photo)
777  
option.txt 666 本CGIを実行すると自動設定されますが、設定されない場合は手動で設定して下さい。
ファイルはviewdataディレクトリの中にあります。
7 実行 上記のHPページでリンクをクリックすると本CGIを表示します。

 使用方法
 ●表示
  ・サムネイル画像の一覧が表示されます。
  ・サムネイルの表示される順番はアップロードの新しい順です。
  ・サムネイルを選択してクリックすると実サイズ画像が表示されます。
  ・実サイズ画像をクリックすると次の画像を表示します。

 ●管理
  ・右下にある[管理]をクリックします。パスワードは初期値が「cgi」です。

タイトル
ホームURL
壁紙
画像格納ディレクトリ
画像読出ディレクトリ
カラーコード
基本背景色
基本文字色
タイトル色
サムネイル表示px   列   最大
表示モード通し番号   画像ファイル名
パスワード変更 (英数8文字以内)

タイトル サムネイル画面の上部に表示するタイトルを入力します。
ホームURL サムネイル画面の左上部に表示するホームへの戻り先を指定します。
壁紙 壁紙を使用する場合に画像アドレスを入力します。
画像格納ディレクトリ 画像ディレクトリ(photo)を絶対パス又は本CGIからの相対パスで指定します。
http://のURLでは指定できません。
 (例) ./photo、 ../photo、 ../../photo、 /xxxx/photo
画像読出ディレクトリ 画像ディレクトリ(photo)をURL又は本CGIからの相対パスで指定します。
 (例) ./photo、 http://xxxx/photo
基本背景色・・・ 各色をカラーコードで指定します。
サムネイル表示 ・サムネイルの画像サイズと画像列数を指定します。
・最大画像数を指定します。
 画像がこの最大数を越えると古い順から削除されます。空白又は0の場合は削除しません。
表示モード 画像に表示する項目を選択します。
パスワード変更 [管理]画面に入る為のパスワードを入力します。英数字で8文字以内です。

 ●留意事項
  ・画像を追加したい場合は画像ファイルを画像ディレクトリに転送して下さい。
  ・画像ディレクトリには表示したい画像ファイルのみを格納してください。


 改版履歴
リリース日 対象 版数 改版内容
 2002.12.8 view16.cgi V1.0 初版
 2002.12.14 view16.cgi V1.1 画像の表示順をアップロードの新しい順に変更。
 2004.11.9 view16.cgi V2.0 全面変更。旧版とのデータ互換性はありません。


CGI-design