- ベストアンサー
画像のロールオーバー
画像をマウスオーヴァーでAからBに変えて クリックでBに固定し、またマウスオーヴァーでAを表示 クリックでAにする方法を教えてください。
- yukiko00000
- お礼率58% (364/627)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
以下<head>内に記述 <script language="JavaScript"> function img_change( tarid, img_a, img_b ){ if( document.all ) img_src = document.all( tarid ).src; if( document.layer ) img_src = document.layer( tarid ).src; if( !document.all && document.getElementById ) img_src = document.getElementById( tarid ).src; if( img_src.indexOf( img_a ) != -1 ){ if( document.all ) document.all( tarid ).src = img_b; if( document.layer ) document.layer( tarid ).src = img_b; if( !document.all && document.getElementById ) document.getElementById( tarid ).src = img_b; }else{ if( document.all ) document.all( tarid ).src = img_a; if( document.layer ) document.layer( tarid ).src = img_a; if( !document.all && document.getElementById ) document.getElementById( tarid ).src = img_a; } } </script> 画像の<img>タグを以下のように変更 <img src="A_URL" id="img_id" onclick="img_change(this.id,'A_URL','B_URL');" onmouseover="img_change(this.id,'A_URL','B_URL');" onmouseout="img_change(this.id,'A_URL','B_URL');"> 変更するのは[img_id][A_URL][B_URL]のみ
お礼
できました！！！ありがとうございました！！！！！
補足
ご回答ありがとうございます。 ちょっと試してみたのですが。 [img_id]の部分を何に変えたらよいのか解らないので お手数ですがまた教えていただきたのですが。 よろしくお願いします。