画像投票2

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

 特徴
 ●画像をアップロードして投票一覧を作成します。
 ●投票ボタンのクリックで投票し、得票をランキングで表示します。
 ●同じ画像に対する連続投票を防止します。
 ●画像をクリックすると実サイズで表示します。
 ●画像の表示サイズ、列数を設定できます。

 表示例

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

バンフ
 2位 (28

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

御来光
 3位 (21票)
 5位 (15票)
 6位 (8票)
[編集]

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


 設置手順
No 項 目 内  容
1 ファイルダウンロード 下記をクリックして圧縮ファイルをダウンロードします。
  vote5.zip
2 ファイルの解凍 圧縮ファイルを解凍すると下記のファイルが生成されます。解凍ツールは「+Lhaca」が推奨です。
  <ディレクトリ構成>
     |---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  
cgi-lib.pl 644  
votedataディレクトリ 777  
ent.txt、no.txt、
option.txt
666 本CGIを実行すると自動設定されますが、設定されない場合は手動で設定して下さい。
ファイルはvotedataディレクトリの中にあります。
7 実行 上記のHPページでリンクをクリックすると本CGIを表示します。

 使用方法
 ●画像投票表示
  ・画像の上部にランキング順位と得票数を表示します。
  ・画像をクリックするとその画像を実サイズで表示します。
  ・投票ボタンをクリックすると投票されます。
  ・同じ画像に対して連続して投票することはできません。

 ●新規/修正
  ・表示画面の右下にある[編集]をクリックします。パスワードは初期値が「cgi」です。
  ・画像は「参照」をクリックして画像ファイルを入力します。
    アップロード可能な画像のファイル形式:JPG、GIF、PNG    最大ファイルサイズ: 200KB
  ・画像を修正、削除する場合は[修正]をクリックします。
題名 
画像

 ●基本設定
タイトル

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

壁紙、アイコン
壁紙(無)  ホーム(無)  タイトル(無)  
カラーコード
基本背景色
基本文字色
タイトル色
順位色
得票色
題名色
画像背景色
画像表示 横maxpx  縦maxpx   
パスワード変更 (英数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
壁紙、アイコン 画像を選択し「参照」をクリックして画像ファイルを入力します。
画像を使用しない場合は画像を選択し画像ファイルを空白にします。
基本背景色・・・ 各色をカラーコードで指定します。
画像表示 画像を表示する最大サイズを指定します。このサイズを越えると縮小表示されます。表示サイズはその設定後の画像入力から有効になります。
画像の表示列数を指定します。
パスワード変更 編集画面に入る為のパスワードを入力します。

 ●留意事項
  ・通常は同じ画像に対して連続投票できませんが、不正アクセス等により重複して投票される場合があります。
  ・投票者のIPアドレスが同じ場合は連続して投票できませんが、他のIPアドレスの人が投票した後、再度投票できます。

 改版履歴
リリース日 対象 版数 改版内容
 2003.9.20 vote5.cgi V1.0 初版
 2003.10.8 vote5.cgi V1.1 画像に題名を表示
 2005.7.12 vote5.cgi V2.0 全面変更。旧版とのデータ互換性はありません。


CGI-design