ホームページを作成中なのですが、メニュー欄をそれぞれ画像にて表示し、画像クリックにて対象ページに飛ぶようにしております。
このたび、選択されたメニューを識別できるように、クリックされた画像を別画像に入れ替えて表示させようとしています。
onMouseOverやonMouseOut時に一時的に画像を入れ替えるロールオーバーのサンプルはよく見かけますが、できればロールオーバー的なものではなく、onClick時に自分自身の画像を入れ替えし、別の画像がクリックされるまで、ずっと入れ替えた画像を表示しておきたいのです。
JavaScript、CSSなど方法は問いません。
なお、テキストエディタにて作成しています。
どなたかよきアドバイスをお願いいたします。
よろしくお願いいたします。
No.2
- 回答日時:
<!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>
No.1ベストアンサー
- 回答日時:
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
IMGタグでTIFF画像を表示
-
FC2ショッピングカートのカスタ...
-
期間ごとに画像表示を切り替え...
-
スライドショーの上にロゴマー...
-
直リンバナーを表示すると、紫...
-
拡張子無しで画像を表示したいです
-
バナーの直リンの仕方
-
Movable Type で フレームのよ...
-
HTML上の画像を結合する方法が...
-
IEでのalt属性ポップアップ表示...
-
altに長文テキスト
-
予約語の表示について
-
崩れたレイアウトが更新すると...
-
「DecareステートメントにPtrSa...
-
画像クリックで別の画像
-
ボタンを押したままにする。
-
windowsは画像にマウスオンで画...
-
バナーの貼り方とバナーにリン...
-
alt属性を付けるとは?
-
PDFの保存ボタンが表示されません
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
IMGタグでTIFF画像を表示
-
ボタンを押したままにする。
-
pngやjsの後ろの英数字の意味は...
-
タイトルバーに画像を入れるHTM...
-
背景が透明なリンクボタンで、...
-
画像クリックでクリップボード...
-
拡張子無しで画像を表示したいです
-
クリックしても、リンクに飛ば...
-
バナーの貼り方とバナーにリン...
-
HTMLにQRコードを挿入する方法
-
form以外でのpostってできますか?
-
クリッカブルMAP領域が分かる様...
-
期間ごとに画像表示を切り替え...
-
スライドショーの上にロゴマー...
-
アルバムをめくるように、画像...
-
複数のボタンで1つのエリアに...
-
HTML上の画像を結合する方法が...
-
「DecareステートメントにPtrSa...
-
<A href= と<IMG srcの使い分け
-
CSSを使わずにマウスオーバーで...
おすすめ情報