フォトコンテスト

フォトコンテスト

内容

画像投票一覧を作成し、得票をランキング表示します。

●くろまる画像をアップロードして投票一覧を作成します。
●くろまる投票ボタンのクリックで投票し、得票をランキングで表示します。
●くろまる投票期間を設定できます。

表示例

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

HOME

投票期間 2007年1月1日 0:00 ～ 2008年1月1日 0:00

1位 (120票)

立山

2位 (100票)

バンフ

3位 (90票)

サンシャイン・スキー場

4位 (80票)

御来光

5位 (70票)

箱根

6位 (60票)

ハワイ

7位 (50票)

横浜

8位 (30票)

ニューカレドニア

[管理]

画像クリック
↓

立山

黒部から立山の日本海側に出る。
景色が一変して6月初旬なのに雪がまだまだ沢山残っている。
山スキーに行く人達がいる。

設置手順

No 項目内容

1 ファイルダウンロード購入により下記の圧縮ファイルをダウンロードします。
vote4.zip 購入申込

2 ファイルの解凍圧縮ファイルを解凍すると下記のファイルが生成されます。
<ディレクトリ構成>
|---votedata (ディレクトリ)
|---vote4.cgi
|---cgi-lib.pl

3 プログラムの変更 vote4.cgi は最初の行に下記のようにPerlパスが記述してあります。
この記述がサーバ側で定められた指定と異なる場合は修正して下さい。(参考)
/usr/bin/perl

4 HPページの記述 HPページで本CGIへ下記のリンクを張ります。
http://xxxx/vote4.cgi

5 ファイル転送上記のファイル及びHPページをサーバへ転送します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、
votedataディレクトリをCGIとHTMLの両方のディレクトリに転送します。

6 パーミッションの設定アクセス権 (パーミッション)を下表のように設定します。
但し、サーバによってパーミッションが指定されている場合は、それに従って下さい。

ファイル名アクセス権

vote4.cgi 755

7 実行上記のHPページでリンクをクリックすると本CGIを表示します。

使用方法

●くろまる表示
・画像の上部にランキング順位と得票数を表示します。
・画像をクリックすると、実サイズの画像とコメントを表示します。

●くろまる投票
・投票ボタンをクリックすると投票されます。
・同じ画像に対して投票者のIPアドレスが同じ場合は連続して投票できませんが、他のIPアドレスの人が投票した後、再度投票できます。

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

●くろまる記事編集
・画像は「参照」をクリックして画像ファイルを入力します。
アップロード可能な画像のファイル形式:JPG、GIF、PNG 最大ファイルサイズ: 300KB
・画像を修正、削除する場合は「修正」をクリックします。

題名

画像

得票票

●くろまる基本設定

タイトル

コメント

ホームURL

壁紙

タイトルアイコン

画像格納ディレクトリ

画像読出ディレクトリ

カラーコード

基本背景色

基本文字色

タイトル色

投票期間色

順位色

題名色

画像背景色

画像表示 px 列

投票期間 年月日時～年月日時

パスワード変更 (英数8文字以内)

タイトル最上部に表示するタイトルを入力します。
タイトルアイコンを設定した場合はアイコンを優先して表示します。

コメントタイトルの下に表示するコメントを入力します。

ホームURL 左上部に表示するホームへの戻り先を入力します。

壁紙壁紙を使用する場合に画像アドレスを指定します。

タイトルアイコンタイトルアイコンを使用する場合に画像アドレスを指定します。

画像格納ディレクトリ votedataディレクトリを絶対パス又は本CGIからの相対パスで指定します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順5」で転送したHTML用ディレクトリのvotedataのパスを指定します。http://のURLでは指定できません。
(例) ./votedata、 ../xxxx/votedata、 /xxxx/votedata

画像読出ディレクトリ votedataディレクトリをURL又は本CGIからの相対パスで指定します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順5」で転送したHTML用ディレクトリのvotedataを http://のURLで指定します。
(例) ./votedata、 http://xxxx/votedata

基本背景色・・・各色をカラーコードで指定します。

画像表示・画像を表示する最大サイズを指定します。このサイズを越えると縮小表示されます。
表示サイズはその設定後の画像入力から有効になります。
・画像の表示列数を指定します。

投票期間投票期間を設定します。

パスワード変更管理画面に入る為のパスワードを入力します。

改版履歴

リリース日対象版数改版内容

2002年08月23日 vote4.cgi V1.00 初版

2002年09月09日 vote4.cgi V1.01 「画像格納ディレクトリ」、「画像読出ディレクトリ」の設定を追加。(@nifty対応)

2002年11月26日 vote4.cgi V1.1 初期設定変更

2003年09月20日 vote4.cgi V1.2 投票ボタン設置、画像表示サイズ統一、色指定方法変更、cnt.cgi廃止他

2007年08月13日 vote4.cgi V2.0 全面変更。旧版とのデータ互換性はありません。

2010年10月11日 vote4.cgi V2.1 管理画面変更。基本設定の再設定が必要です。

CGI-design