アプリ版：「スタンプのみでお礼する」機能のリリースについて

画像クリックにて自分自身を別画像に入れ替えるには？

解決済

  • 質問者：nihonkai2002
  • 質問日時：
  • 回答数：2件

ホームページを作成中なのですが、メニュー欄をそれぞれ画像にて表示し、画像クリックにて対象ページに飛ぶようにしております。

このたび、選択されたメニューを識別できるように、クリックされた画像を別画像に入れ替えて表示させようとしています。
onMouseOverやonMouseOut時に一時的に画像を入れ替えるロールオーバーのサンプルはよく見かけますが、できればロールオーバー的なものではなく、onClick時に自分自身の画像を入れ替えし、別の画像がクリックされるまで、ずっと入れ替えた画像を表示しておきたいのです。

JavaScript、CSSなど方法は問いません。
なお、テキストエディタにて作成しています。

どなたかよきアドバイスをお願いいたします。
よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.1ベストアンサー

参考URLにあります7番が参考になると思います。



参考URL：http://www2s.biglobe.ne.jp/~club_tom/java-kouza/ …
    • good
    • 0
    • 件
通報する
この回答へのお礼

まさにやりたかった動きでした。参考になりました。どうもありがとうございます！！

通報する
お礼日時：2005/10/14 17:37

No.2

  • 回答者： BLUEPIXY
  • 回答日時：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS">
<title>Welcome</title>
<script type="text/javascript">
<!--
var oldImg=null;
function StoreImg(obj, src){
this.obj=obj;
this.src=src;
return this;
}
function chImg(el){
if(oldImg != null){//セーブされている
if(oldImg!=el){//自分自身でない
oldImg.obj.src=oldImg.src;//戻す
}
}
oldImg=new StoreImg(el, el.src);//セーブしておく
el.src="img/00.jpg";//クリックした時の画像に変更
}
//-->
</script>
</head>
<body>
<img src="img/01.jpg" onclick="chImg(this)"><br>
<img src="img/02.jpg" onclick="chImg(this)"><br>
<img src="img/03.jpg" onclick="chImg(this)"><br>
</body>
</html>
    • good
    • 0
    • 件
通報する
この回答へのお礼

ソースまで載せていただき、大変参考になりました。シンプルなコーディングで勉強になりました。どうもありがとうございました！！

通報する
お礼日時：2005/10/14 17:39

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報