投稿型フォトギャラリー

 内容
 HP上で画像を投稿し、サムネイル表示及び各画像とコメントを表示します。

 特徴
 ●訪問者が画像の投稿及びコメントの書込みができます。
 ●画像をサムネイルで一覧表示します。
 ●各画像とコメントをフレーム形式で表示します。
 ●沢山のサムネイル画像を複数ページに分割して表示します。

 表示例
<トップ画面>
[HOME] Photo Gallery |投稿|
「投稿」をクリックして投稿できます。

黒部ダム
三郎 (05.9.18)

神戸異人館
三郎 (05.9.17)

サンシャインスキー場
三郎 (05.9.16)

横浜
二郎 (05.9.15)

箱根
二郎 (05.9.15)

ニューカレドニア
一郎 (05.9.15)
P1 P2
[管理]

<記事表示画面>
[Return]
■黒部ダム
■神戸異人館
■サンシャインスキー場
■横浜
■箱根
■ニューカレドニア
■花火

黒部ダム
信濃大町から路線バスに乗り、扇沢で日本唯一のトロリーバスに乗り換えて
赤沢岳直下の関電トンネルを通ると黒部ダムに着く。
ダム堤の高さ186mで日本第1位。長さ492mの堤を歩いて渡る。
三郎  2005.9.18  [修正]

室堂のバスターミナルから雪の上を10分程歩くとみくりが池がある。
立山と見事に調和している。
二郎  2005.9.18  [修正]


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

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

 使用方法
 ●トップ画面
  ・画像をサムネイル一覧で表示します。
  ・サムネイルには題名、画像投稿者、投稿日を表示します。
  ・新しく投稿した画像の順に表示します。
  ・サムネイルをクリックするとその画像とコメントの記事を表示します。

 ●投稿
  ・右上にある「投稿」をクリックします。
  ・名前、題名、画像は入力必須です。
  ・画像は「参照」をクリックして画像ファイルを入力します。
   アップロード可能な画像ファイル形式はJPG、GIF、PNGです。画像の最大ファイル容量は300KBです。
  ・一度投稿すると、名前と修正キーは自動入力されます。
名前
題名

コメント
画像
修正キー (英数8文字以内)

 ●記事表示
  ・左フレームに題名を表示し、それをクリックすると右フレームに画像とコメントを表示します。
  ・訪問者は「コメント投稿」をクリックして書込みができます。
  ・記事を修正、削除する場合は[修正]をクリックします。
   但し、「修正キー」が必要な場合もありますので書込み時に入力しておいて下さい。
  ・画像投稿者が記事を削除するとそれに対する全てのコメント書込みも削除されます。
  ・管理者が記事を修正、削除する場合は、[修正]をクリックし修正キーにパスワードを入力します。
   パスワードは全ての記事に対して有効です。

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

タイトル

コメント
ホーム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.7.1 view34.cgi V1.0 初版
 2003.12.1 view34.cgi V1.1 サムネイル表示を修正
 2005.9.18 view34.cgi V2.0 全面変更。旧版とのデータ互換性はありません。
 2006.1.20 view34.cgi V2.1 投稿を修正


CGI-design