@Webhouse Japan Home Page

E-mail webhouse@japan 　

JavaScript

 _

　画像をランダムに表示

 _Back　_TopPage　_Next

ブラウザで読み込まれる毎にランダムに画像を表示

  • 画像を、毎回変えて表示させているスクリプトです。
  • 使用する画像は、同じサイズにします。1ピクセルでもサイズが異なると、表示する時にスムーズに切り替わりません。（縦横比も保って下さい。）
  • 簡易的なバナー広告表示に利用できます！！。

    • ◆せっかくのホームページですから、両方のWebブラウザで確認するのがベスト！ですネ！！

    ★　ブラウザの「更新」ボタンを押して下さい　★

    ■JavaScriptサンプルテキスト
    下記テキストBox内を全てコピーしてご利用下さい。


    「記入例」
    ●スプリクトで指定する画像ファイル名を設定します。
    <Script type="text/javascript">
    <!--
    var iValue, rNumber;

    var img1 = new Image();
    var img2 = new Image();
    var img3 = new Image();
    img1 = "    img1.gif";
    img2 = "    img2.gif";
    img3 = "    img3.gif";

    function display_image(){
    iValue = Math.random() * 3;
    rNumber = Math.ceil(iValue);
    if(rNumber==0) rNumber++;
    document.image1.src=eval("img" + rNumber);
    }
    //-->
    </Script>

    ●ページが読み込まれると"display_image()"を実行します。
    　　　<Body     onLoad="display_image()">

    ●最初の画像ファイル名を指定します。画像サイズは全て同サイズです。
    　　　<img name="    image1" width="200" height="200">

    ■img画像を追加して試してください。

    Copyright (c) Webhouse Japan /