WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:初回訪問時は決まった画像を。2回目以降はランダムで画像表示。

0:[投稿] AZROID [MAIL] [2003/01/24 15:50 ][環境:IE6 わからない]

JavaScriptで画像をランダムに表示させるスクリプトを使って、

「初回訪問の時は画像Aを表示し、2回目以降は画像A、画像B、画像Cの中からランダムに表示」

というのをやりたいのですが、やり方がわかりません…。

クッキーを参照して・・・と理論的なことはわかるのですが、
具体的なソースがかけなくて困っています。(TwT

どなたか、お助け下さいませ。


1:[回答] ひよこ [URL] [2003/01/24 19:50 ]

こんなんでどうでしょう。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<TITLE>訪問毎に画像をランダムに替える</TITLE>
<SCRIPT type="text/javascript" language="JavaScript">
<!--
var cookie_name    = "hogehoge"; // 任意のクッキー名
var cookie_exptime = 100;        // クッキーの有効期限(日)

var images  = new Array();
images[0] = "a.jpg"; //初回表示の画像
images[1] = "b.jpg";
images[2] = "c.jpg";

//--------------------------

var img_num = images.length;

function getcookie(){
    if(!document.cookie.indexOf(cookie_name,0)){
        return Math.floor(Math.random() * img_num)
    }else{
        setCookie();
        return 0;
    }
}
function setCookie(){
    exptime = new Date();
    exptime.setTime(exptime.getTime()+60*60*24*cookie_exptime);
    data = cookie_name+"=;expires=" + exptime.toGMTString() + ";";
    document.cookie=data;
    return true;
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<p>
訪問毎に画像をランダムに替える
</p>
<p>
<SCRIPT type="text/javascript" language="JavaScript">
<!--
    var num = getcookie();
    document.write("<img src='"+images[num]+"'>");
// -->
</SCRIPT>
<NOSCRIPT>
 <img src="a.jpg">
</NOSCRIPT>
</p>
</BODY>
</HTML>


2:[完了] AZROID [2003/01/27 10:03 ]

親切な回答ありがとうございました。
さっそく試してみたところ 問題なく動くようです^^

ホントに嬉いっス!
これから、もっと勉強して頑張ります!

ありがとうございましたm(_ _)m

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World