画像投票2

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

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

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

HOME 画像投票
画像をクリックすると拡大表示します。
 1位 (32票)

バンフ
 2位 (28

サンシャイン・スキー場
 3位 (21票)

御来光
 3位 (21票)
 5位 (15票)
 6位 (8票)
[管理]

 設置手順
No 項 目 内  容
1 ファイルダウンロード 下記をクリックして圧縮ファイルをダウンロードします。
  vote5.zip
2 ファイルの解凍 圧縮ファイルを解凍すると下記のファイルが生成されます。
  <ディレクトリ構成>
     |---votedata (ディレクトリ)
     |---vote5.cgi
     |---cgi-lib.pl
3 プログラムの変更 vote5.cgi は最初の行に下記のようにPerlパスが記述してあります。
この記述がサーバ側で定められた指定と異なる場合は修正して下さい。(参考
  /usr/bin/perl
4 HPページの記述 HPページで本CGIへ下記のリンクを張ります。
  http://xxxx/vote5.cgi
5 ファイル転送 上記のファイル及びHPページをサーバへ転送します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、
votedataディレクトリをCGIとHTMLの両方のディレクトリに転送します。
6 パーミッションの設定 アクセス権 (パーミッション)を下表のように設定します。
但し、サーバによってパーミッションが指定されている場合は、それに従って下さい。
ファイル名 アクセス権
vote5.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
基本背景色・・・ 各色をカラーコードで指定します。
画像表示 ・画像を表示する最大サイズを指定します。このサイズを越えると縮小表示されます。
 表示サイズはその設定後の画像入力から有効になります。
・画像の表示列数を指定します。
パスワード変更 管理画面に入る為のパスワードを入力します。


 改版履歴
リリース日 対象 版数 改版内容
2003.09.20 vote5.cgi V1.0 初版
2003.10.08 vote5.cgi V1.1 画像に題名を表示
2005.07.12 vote5.cgi V2.0 全面変更。旧版とのデータ互換性はありません。
2010.10.11 vote5.cgi V2.1 管理画面変更。基本設定の再設定が必要です。


CGI-design