フォトギャラリー２

　内容
　HP上で画像をテーマ別に分類し、サムネイル一覧、フレーム形式でカラフルに表示します。
　特徴
　●画像をテーマ別に分類しサムネイルで一覧表示します。
　●各テーマ毎の記事をフレーム形式で表示します。
　●画像は指定の大きさに縮小して表示します。
　●文字/枠色を指定できるのでカラフルに表示できます。
　●沢山の画像を複数ページに分割して表示できます。
　●タイトル、壁紙、アイコン、文字色、背景色の変更ができます。
　表示例
＜トップ画面＞
[HOME]
画像をクリックして下さい。

ニューカレドニア
サンシャインスキー場
箱根

横浜
立山・黒部
シンガポール
P1 P2
[管理]

＜記事表示画面＞
TOP
■ ニューカレドニア
■ サンシャインスキー場
■ 箱根
■ 横浜
■ 立山・黒部
■ シンガポール
■ バンフ
ニューカレドニア
ニューカレドニアは成田空港から８時間で着く。時差は２時間。
ここはフランス領で細長い本島は長さ約４００ｋｍ・幅約５０ｋｍ、人口約２０万人。
アンスバタ・ビーチ 
左の写真はウエントロの丘から見たアンスバタのビーチです。

街 
ニューカレドニアはフランス語だが英語も通じるし日本語の看板もかなり見かけた。
レストランには日本語のメニューもあり日本語で説明してくれた。
通貨はフレンチ・パシフィック・フラン（ＣＰＦ）だが日本円とほぼ同じ換算なので値段が分かりやすい。

P1 P2

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

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

　●記事表示
　　・左フレームに分類を表示し、それをクリックすると右フレームに記事を表示します。
　　・画像が大きい場合は縮小して表示します。その場合は画像をクリックすると実サイズで表示します。

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

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

題 名

コメント
画 像

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

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

　●基本設定
タイトル

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

壁紙、アイコン		 壁紙（無）　　ホーム（無）　　タイトル 　　
トップ表示 列　　行
記事表示 件/ページ　　左フレーム幅%
画像表示 横maxpx　　縦maxpx
カラーコード
基本背景色
基本文字色
分類背景色
分類色
題名色
記事背景色
記事文字色
パスワード変更 （英数8文字以内）

タイトル トップ画面の最上部に表示するタイトルを入力します。
但し、タイトルに画像を使用した場合は画像が優先されます。
コメント トップ画面のタイトルの下に表示するコメントを入力します。
ホームURL トップ画面の左上に表示するホームへの戻り先を指定します。
画像格納ディレクトリ viewdataディレクトリを絶対パス又は本ＣＧＩからの相対パスで指定します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順5」で転送したHTML用ディレクトリのviewdataのパスを指定します。http://のURLでは指定できません。
　（例）　./viewdata、　../xxxx/viewdata、　/xxxx/viewdata
画像読出ディレクトリ viewdataディレクトリをURL又は本ＣＧＩからの相対パスで指定します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順5」で転送したHTML用ディレクトリのviewdataを http://のURLで指定します。
　（例）　./viewdata、　http://xxxx/viewdata
壁紙、アイコン 画像にチェックを入れ、「参照」をクリックして画像ファイルを入力します。
画像を使用しない場合は画像にチェックを入れ、画像ファイルを空白にします。
トップ表示 トップ画面で表示する画像の列数及び行数を指定します。
記事表示 ・ページ当たりの画像表示件数を指定します。
・分類名を表示する左フレームの幅を割合で指定します。
画像表示 画像の表示サイズを設定します。設定後の投稿から有効になります。
基本背景色・・・ 各色をカラーコードで指定します。
記事文字色 投稿フォームで選択する文字色を指定します。最大12個まで設定できます。
パスワード変更 管理画面に入る為のパスワードを入力します。英数字で8文字以内です。


　改版履歴
リリース日 対象 版数 改版内容
　2003.7.3 view33.cgi V1.0 初版
　2005.10.21 view33.cgi V2.0 全面変更。旧版とのデータ互換性はありません。



CGI-design