本日  昨日
 
03/16(Sun) 01:00

アクセスするたびに画像を変える方法(Web裏技さん)

ホームページを訪れると、アクセスするたびに違う画像が表示されるページに出会ったことはありませんか? Web裏技さんの「アクセスするたびに画像や文章をを変える」の作り方を紹介します。アクセスするたびに違う画像で迎えてみるのも面白いとおもいます。

作成手順を説明します。

  1. プログラムをダウンロードします.
  2. ダウンロードしたプログラムを編集します.
  3. プログラムを呼び出すHTMLファイルの編集と画像データの準備.
  4. プログラムとHTMファイルをサーバに転送し、実行権を設定をします.

プログラムをダウンロードします。

  1. Web裏技さんのチャレンジCGIのコーナ「アクセスするたびに画像や文章を変える」から下記のプログラムをダウンロードして下さい。ダウンロードのしかたはこちらです。

    • change.pl

  2. つぎに、下のファイルをルートディレクトリに作成し、'0'の値をセットします。この時改行は入れませんので注意して下さい。空のファイルの作り方はこちらです。

    • change (表示する画像の番号が入るファイル。最初は'0')


ダウンロードしたプログラムchange.plを編集します。

  • 1行目 #!/usr/local/bin/perl を #!/usr/bin/perl に変更します。(infowebでは、CGIやPLファイルのパス指定はすべてこのパスになります。他のプロバイダを利用の方はそのプロバイダのパス指定に変更します。)

  • 12〜16行目 ここに貼りつけたい画像のパスを記述します。パスの指定のしかたはこちらです。

    パスの指定例 (画像を右寄せで表示する例)
    $word_1= "<img src=\"./gif/image01.gif\" WIDTH=100 HEIGHT=100 ALT=\"o\" ALIGN=\"right\">";


プログラムを呼び出すHTMLファイルの編集と画像データの準備。

  • index.htm から change.pl を呼び出すには SSIの記述で、index.htm の任意のところに <!--#exec cmd="./change.pl"--> と記述します。

  • 画像データを準備します。(下の例は、ディレクトリ gif に image01.gif〜image05.gif を格納。)

プログラムとHTMファイルをサーバに転送し、実行権を設定をします。

  1. change.pl、change、index.htmの3つのファイルをルートディレクトリ(index.htmを置いてあるディレクトリのことです)にアスキーモードで転送(put)します。

  2. 準備した画像データをディレクトリ gif へバイナリーモードで転送(put)します。

  3. ファイルの構成と実行権

    転送が終わったら、change.plに実行権 755 を、change に実行権 666 を設定します。

    index.htm
    change.pl (755)
    change    (666)
    gif/---+-image01.gif
           +-image02.gif
           +-image03.gif
           +-image04.gif
           +-image05.gif
    

さぁ,これで完成です。index.htmを再読み込みし、SSIで記述した場所にあなたの貼りつけた画像が表示されれば完成です。これを何度か繰り返し、違う画像が表示されることを確認します。
 
 
©1997- Kikuchisan's workshop All rights reserved //

スポンサーリンク

関連コンテンツ