WEB相談室

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

タイトル:クッキーによる画像の切り替えにスワップを追加したい

0:[投稿] skbilbil69 [MAIL] [2003/01/27 17:06 ][環境:IE5 分かりません。]

いつもお世話になっております。まだまだ初心者でちょとした加工ができず、質問させて下さい。
このサイトの次のページの例文を使用させて頂いています。
http://www.parkcity.ne.jp/~chaichan/src/javasc25.htm

ここで最初に表示される画像(V1.gif)をmoseover時に別の画像にスワップさせ、mouseout時に復元させたいのですが…。


1:[回答] ちゃいぱ [2003/02/08 11:49 ]

おそくなりましたが、以下の感じですか?

<html>
<body>
<script type="text/javascript">
function eatcookie(name,data,days){                   //引数(COOKIE名、書き込みデータ、期限)
  var cdate=new Date();
  cdate.setTime(cdate.getTime()+1000*60*60*24*days); // 補足、保存日数が負指定で期限切れと等価
  //クッキーフォーマット: 名前=任意の値;exprires=有効日(例、Tue, 25-Jan-2000 15:10:10 GMT)
  document.cookie=name + "=" + data + " ; expires=" + cdate.toGMTString();
}
function cgIMG(){
 eatcookie("cgIMGnm","123", 10);
}
function test2(){
document.number1.src = "../img/V1.gif";
}
function test3(){
document.number1.src = "../img/V0.gif";
}</script>
<p>
一回以下の画像をクリックすると一度メニュー画面移りますが、次回から別画像になります。
</p>
<p>
<script type="text/javascript">
if(document.cookie.substring(0, 11) == "cgIMGnm=123"){
  document.write('<a href="2ndthema.htm" onClick="cgIMG()" OnMouseOver="test2()" OnMouseOut="test3()">' +
                 '<img  src="../img/V1.gif" name="number1" border="0" ></a>');
}
else{
  document.write('<a href="2ndthema.htm" onClick="cgIMG()" OnMouseOver="test2()" OnMouseOut="test3()">' +
                 '<img  src="../img/V0.gif" NAME="number1" border="0" ></a>');
}
</script>
</p>
<p>
もとの画像に戻すには「クッキー削除」ボタンをクリックしてから再読み込みして下さい。
</p>
<form>
<p>
<input type=button  onclick=eatcookie("cgIMGnm","0",-1) value="クッキー削除">
</p>
</form>
</body>
<html>

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World