フォトギャラリー3

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

 特徴
 ●画像をテーマ別に分類しサムネイルで一覧表示します。
 ●各テーマ毎の記事をフレーム形式で表示します。
 ●画像の表示は指定の大きさに縮小して表示します。クリックすると実サイズで表示します。
 ●沢山の画像を複数ページに分割して表示できます。
 ●タイトル、壁紙、アイコン、文字色、背景色の変更ができます。

 表示例
<トップ画面>

ニューカレドニア

シンガポール

サンシャインスキー場

立山

箱根

横浜
P1 P2
[編集]
画像クリック

<分類別画面>
[TOP]

■ニューカレドニア
■シンガポール
■サンシャインスキー場
■立山
■箱根
■横浜
■花火

ニューカレドニア
ニューカレドニアは成田空港から8時間で着く。時差は2時間。
ここはフランス領で細長い本島は長さ約400km・幅約50km、人口約20万人。

アンスバタ・ビーチ


P1 P2

画像クリック

<記事表示画面>
[TOP]

■ニューカレドニア
■シンガポール
■サンシャインスキー場
■立山
■箱根
■横浜
■花火

<<  1/4  >>

アンスバタ・ビーチ
ウエントロの丘から見たアンスバタのビーチです。

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

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

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

 ●分類別画面
  ・左フレームに分類名を表示し、それをクリックすると右フレームにその分類のサムネイル画像を表示します。
  ・画像はアップした順に表示されます。
  ・画像をクリックすると記事表示画面を表示します。

 ●記事表示画面
  ・画像を実サイズで表示します。
  ・上部の << >> をクリックすると画像を順次に表示します。又、画像をクリックしても進みます。

 ●新規/修正
  ・トップ画面の右下にある[編集]をクリックします。パスワードは初期値が「cgi」です。
  ・編集する分類を選択します。
  ・「画像」は「参照」をクリックして画像ファイルを入力します。
   アップロード可能な画像ファイル形式はJPG、GIF、PNGです。画像の最大ファイル容量は300KBです。
  ・記事を修正、削除する場合は「修正」をクリックします。

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

題名

コメント
画像

 ●分類設定
  ・分類を新しく設定する場合は「分類新設」をクリックします。
  ・分類の表示順を変更できます。
  ・「削除」をチェックするとその分類に含まれる全ての画像及びコメントが削除されます。

表示順 分類名 コメント 削除

 ●基本設定
タイトル

コメント
ホームURL
画像格納ディレクトリ
画像読出ディレクトリ

壁紙、アイコン
壁紙(無) ホーム  タイトル  
カラーコード
基本背景色
基本文字色
タイトル色
分類色
左フレーム背景色
題名色
ページ枠色
サムネイル表示 横maxpx、縦maxpx   トップ列、個/ページ  分類列、個/ページ
左フレーム幅 %
パスワード変更 (英数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
壁紙、アイコン 壁紙、アイコンの画像を設定します。画像にチェックを入れ、「参照」をクリックして画像ファイルを入力します。画像を使用しない場合は画像にチェックを入れ、画像ファイルを空白にします。
基本背景色・・・ 各色をカラーコードで指定します。
サムネイル表示 ・サムネイル画像の表示サイズを設定します。設定後のアップから有効になります。
・トップ画面、分類別画面のサムネイルの表示列数及びページ当たりの表示個数を指定します。
左フレーム幅 分類を表示する左フレームの幅を割合で指定します。
パスワード変更 [編集]画面に入る為のパスワードを入力します。英数字で8文字以内です。

 改版履歴
リリース日 対象 版数 改版内容
 2003.9.4 view37.cgi V1.0 初版
 2004.4.7 view37.cgi V1.1 記事削除時の画像数を修正
 2005.6.8 view37.cgi V2.0 全面変更。旧版とのデータ互換性はありません。
 2005.11.24 view37.cgi V2.1 基本設定の「サムネイル表示」を修正
 2006.1.24 view37.cgi V2.2 管理画面でページ表示を修正

CGI-design