投稿型フォトアルバム2

 内容
 HP上で画像をテーマ別に分類しフレーム形式でアルバムをカラフルに表示します。

 特徴
 ●訪問者が画像を投稿できます。
 ●画像をテーマ別に分類しフレーム形式で表示できます。訪問者が分類を追加できます。
 ●各画像にコメントを表示し訪問者が書込みを行うことができます。
 ●画像の表示は指定の大きさに縮小して表示します。クリックすると実サイズで表示します。
 ●文字/枠色を指定できるのでカラフルに表示できます。

 表示例
HOME |分類新設|

立山連峰 05.04.17
カナダ 05.03.02
シンガポール 05.03.07
ニューカレドニア 05.03.15

[管理]
立山連峰
|投稿|修正|
みくりが池から見た立山連峰 
室堂のバスターミナルから雪の上を10分程歩くとみくりが池がある。立山と見事に調和している。
管理者   2003.3.3-21:08

更に5分程歩くとみくりが池温泉があります。
訪問者   2003.3.3-21:11


弥陀ヶ原 
室堂から高原バスに乗ると間もなく「雪の大谷」を通る。ここは道路の除雪で両側が数mの雪の壁になっている。雪が多い時は20mにもなるらしい。
暫くすると弥陀ヶ原に着く。標高1980mの広々とした草原で素晴らしい景観です。
管理者   2003.3.3-21:07

P1 P2

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

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

 使用方法
 ●表示
  ・左フレームに分類を表示し、それをクリックすると右フレームに記事を表示します。
  ・左フレームに記事を投稿した最新の日付を表示します。
  ・訪問者は[ コメント] をクリックすると書込みができます。
  ・新しくアップした画像の順に表示します。
  ・画像が大きい場合は縮小して表示されます。その場合は画像をクリックすると実サイズで表示されます。

 ●投稿
  ・右上の「投稿」をクリックします。
  ・画像は「参照」をクリックして画像ファイルを入力します。
   アップロード可能な画像ファイル形式はJPG、GIF、PNGです。画像の最大ファイル容量は300KBです。
名前
題名

コメント
画像
修正キー (英数8文字以内)
 ●修正、削除
  ・右上の「修正」をクリックします。
  ・管理者が記事を修正、削除する場合は、「修正」をクリックし修正キーにパスワードを入力します。
   パスワードは全ての記事に対して有効です。

 ●分類新設
  ・左上の「分類新設」をクリックして設定できます。

 ●分類設定
  ・左下の[管理]をクリックします。パスワードは初期値が「cgi」です。
  ・分類を追加する場合は「分類新設」をクリックします。
  ・分類の表示順を変更できます。
  ・「削除」をチェックするとその分類に含まれる全ての記事及び画像が削除されます。

表示順 分類 更新日 削除
05.04.17
05.03.02
05.03.07
05.03.15

 ●基本設定
タイトル

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

壁紙、アイコン
壁紙(無)   ホーム(無)   
記事表示 件/ページ  最大件/分類  フレーム幅px
画像表示 横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
壁紙、アイコン 画像にチェックを入れ、「参照」をクリックして画像ファイルを入力します。
画像を使用しない場合は画像にチェックを入れ、画像ファイルを空白にします。
記事表示 ・ページ当たりの親記事の表示件数を指定します。
・分類当たりの親記事の最大件数を指定します。
 この件数を越えると古い順から画像及びコメントが自動的に削除されます。
・分類名を表示する左フレームの幅を指定します。
画像表示 画像を表示するサイズを指定します。このサイズを越えると縮小表示されます。
表示サイズはその設定後の画像入力から有効になります。
分類新設 訪問者に「分類新設」を許可する場合にチェックします。
基本背景色・・・ 各色をカラーコードで指定します。
記事文字色 投稿フォームで選択する文字色を指定します。最大12個まで設定できます。
パスワード変更 管理画面に入る為のパスワードを入力します。英数字で8文字以内です。


 改版履歴
リリース日 対象 版数 改版内容
 2003.3.4 view30.cgi V1.0 初版
 2003.3.21 view30.cgi V1.1 ギャラリー設定で「枚数」の表示を修正
 2005.5.29 view30.cgi V2.0 全面変更。旧版とのデータ互換性はありません。
 2005.10.20 view30.cgi V2.1 基本設定を変更


CGI-design