サムネイル型フォトアルバム4

 内容
 画像をテーマ別に分類しフレーム形式でアルバムを表示します。サムネイル画像一覧を表示します。

 特徴
 ●画像はFTPでサーバへ一括転送します。画像ファイル名は任意です。
 ●画像の削除がHP上で可能です。
 ●サムネイル画像一覧を作成して表示します。
 ●サムネイルの画像ファイルサイズを縮小します。但し、サーバでImageMagick機能が必要です。
 ●サムネイルを選択してクリックすると実サイズ画像を順次に表示します。

 表示例

[HOME]
■箱根
■横浜
[編集]
箱根
 小田原駅から歩いて10分程の高台に小田原城がある。見事な天守閣とその前にある松の木が印象的である。しかし、この天守閣の手前は小さな動物園になっていて妙な組み合わせである。
 小田原から箱根登山電車に乗って箱根湯本を通り、スイッチバックで急な山道を登って行く。箱根登山電車で強羅まで行く手前に「彫刻の森美術館」がある。ここは野外美術館で山中の広大な敷地に沢山の彫刻があり、歩きながら見て回る。ピカソ館があり今世紀の偉大なピカソの芸術に逢える。

Page1 Page2

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

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

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

 使用方法
 ●表示
  ・左フレームに分類名を表示し、それをクリックすると右フレームにサムネイル画像一覧を表示します。
  ・サムネイル画像をクリックすると実サイズ画像を表示します。
  ・実サイズ画像をクリックすると画像を順次に表示します。
  ・左下にある[編集]をクリックすると以下の管理画面が表示されます。パスワードは初期値が「cgi」です。

 ●分類設定
  ・最初に「分類新設」をクリックします。
  ・Dir には「設置手順 4」で設定した画像ディレクトリを入力します。
  ・分類の表示順を変更できます。
  ・「削除」をチェックするとその分類に含まれる全ての画像が削除されます。

表示順分類名、画像ディレクトリコメント削除
分類
Dir 
分類
Dir 

 ●編集
  ・分類を選択し、「更新する」をクリックします。
  ・ImageMagick機能が有効な場合は、「サムネイル生成」をクリックしてサムネイル画像を作成します。
  ・画像を削除する場合は画像の「削除」をチェックします。

箱根 横浜



削除

削除
hakone.jpg


削除

 ●基本設定
ホームURL
画像格納ディレクトリ
画像読出ディレクトリ
壁紙
ホームアイコン
カラーコード
基本背景色
基本文字色
分類フレーム背景色
分類名
分類名背景色
サムネイル表示 横maxpx 縦maxpx   列 枚/ページ
分類フレーム幅 %
パスワード変更 (英数8文字以内)

ホームURL 左上に表示するホームへの戻り先を指定します。
画像格納ディレクトリ 画像を格納するディレクトリです。通常は空白のままですが、サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順4」で設定した画像ディレクトリを絶対パス又は本CGIからの相対パスで指定します。http://のURLでは指定できません。
 (例) /home/、 ../../public_html/
画像読出ディレクトリ 画像を読み出すディレクトリです。通常は空白のままですが、サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順4」で設定した画像ディレクトリを http://のURLで指定します。
 (例) http://xxxx/
壁紙 壁紙を使用する場合に画像ファイルアドレスを入力します。
ホームアイコン ホームアイコンを使用する場合に画像ファイルアドレスを入力します。
空白の場合は[HOME]と表示されます。
基本背景色・・・ 各色をカラーコードで指定します。
サムネイル表示 サムネイル画像を表示する最大サイズを指定します。
又、画像列数及びページ当りの表示枚数を指定します。
分類フレーム幅 左側の分類フレームの幅を割合で指定します。
パスワード変更 編集画面に入る為のパスワードを入力します。英数字で8文字以内です。


 改版履歴
リリース日 対象 版数 改版内容
 2005.6.20 view42.cgi V1.0 初版


CGI-design