フォトギャラリー4

 内容
 画像を分類し、サムネイル一覧、フレーム形式で表示します。

  ●画像をテーマ別に分類しサムネイルで一覧表示します。
  ●各テーマ毎の画像をフレーム形式で表示します。
  ●サムネイルは画像ファイルサイズを縮小します。但し、サーバでImageMagick機能が必要です。

 表示例
  実際に動作しているサンプルが こちら にありますのでご覧下さい。
<トップ画面>
HOME

立山・黒部

サンシャインスキー場

ニューカレドニア

箱根

横浜

神戸異人館
[管理]
画像クリック

<分類別画面>
Return
NEXT>>
立山・黒部
立山・黒部アルペンルートです。

黒部ダム
信濃大町から路線バスに乗り、扇沢で日本唯一のトロリーバスに乗り換えて赤沢岳直下の関電トンネルを通ると黒部ダムに着く。

 設置手順
No 項 目 内  容
1 ファイルダウンロード 購入により下記の圧縮ファイルをダウンロードします。
  view40.zip  購入申込
2 ファイルの解凍 圧縮ファイルを解凍すると下記のファイルが生成されます。
  <ディレクトリ構成>
     |---viewdata (ディレクトリ)
     |---view40.cgi
     |---cgi-lib.pl
3 プログラムの変更 view40.cgi は最初の行に下記のようにPerlパスが記述してあります。
この記述がサーバ側で定められた指定と異なる場合は修正して下さい。(参考
  /usr/bin/perl
4 HPページの記述 HPページで本CGIへ下記のリンクを張ります。
  http://xxxx/view40.cgi
5 ファイル転送 上記のファイル及びHPページをサーバへ転送します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、
viewdataディレクトリをCGIとHTMLの両方のディレクトリに転送します。
6 パーミッションの設定 アクセス権 (パーミッション)を下表のように設定します。
但し、サーバによってパーミッションが指定されている場合は、それに従って下さい。
ファイル名 アクセス権
view40.cgi 755
7 実行 上記のHPページでリンクをクリックすると本CGIを表示します。

 使用方法
 ●トップ画面
  ・各分類毎の画像をサムネイル一覧で表示します。
  ・サムネイル画像又は分類名をクリックすると分類別画面を表示します。

 ●分類別画面
  ・左フレームにサムネイル一覧を表示します。
  ・画像はアップした順に表示します。
  ・サムネイルをクリックすると右フレームに記事を表示します。
  ・右フレームの画像は実サイズで表示します。

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

 ●記事編集
  ・編集する分類を選択します。
  ・「画像」は「参照」をクリックして画像ファイルを入力します。
   アップロード可能な画像ファイル形式はJPG、GIF、PNGです。画像の最大ファイル容量は1MBです。
  ・記事を修正、削除する場合は「修正」をクリックします。

ニューカレドニア シンガポール バンフ サンシャインスキー場
横浜 箱根 立山・黒部

題名

コメント
画像

 ●分類設定
  ・分類の順番を指定して「並び替え」をクリックすると各分類の表示順を変更できます。
  ・分類を修正、削除する場合は「修正」をクリックします。
  ・分類を削除するとその分類に含まれる全ての記事が削除されます。
  ・分類の件数が多くなるとサーバに負荷が掛かりますので、最大30件程度でお使い願います。

修正 分類 コメント
立山・黒部 立山・黒部アルペンルートです。
箱根
シンガポール

 ●基本設定
タイトル

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

タイトル トップ画面の最上部に表示するタイトルを入力します。
但し、タイトルに画像を使用した場合は画像が優先されます。
コメント トップ画面のタイトルの下に表示するコメントを入力します。
ホームURL トップ画面の左上に表示するホームへの戻り先を指定します。
壁紙 壁紙を使用する場合に画像アドレスを指定します。
タイトルアイコン タイトルに画像を使用する場合に画像アドレスを指定します。
画像格納ディレクトリ viewdataディレクトリを絶対パス又は本CGIからの相対パスで指定します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順5」で転送したHTML用ディレクトリのviewdataのパスを指定します。http://のURLでは指定できません。
 (例) ./viewdata、 ../xxxx/viewdata、 /xxxx/viewdata
画像読出ディレクトリ viewdataディレクトリをURL又は本CGIからの相対パスで指定します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順5」で転送したHTML用ディレクトリのviewdataを http://のURLで指定します。
 (例) ./viewdata、 http://xxxx/viewdata
基本背景色・・・ 各色をカラーコードで指定します。
サムネイル表示 ・画像を表示する最大サイズを指定します。このサイズを越えると縮小表示します。
 表示サイズはその設定後の画像入力から有効になります。
・トップ画面で表示する画像の列数を指定します。
・左フレームで表示する画像の列数とページ当たりの表示枚数を指定します。
左フレーム幅 左フレームの幅を割合で指定します。
パスワード変更 管理画面に入る為のパスワードを入力します。


 改版履歴
リリース日 対象 版数 改版内容
2005.06.08 view40.cgi V1.0 初版
2010.09.18 view40.cgi V1.1 管理画面変更。基本設定の再設定が必要です。
2013.12.24 view40.cgi V1.2 最大画像ファイル容量増加、分類設定変更


CGI-design