- ベストアンサー
画像クリックでテーブル内背景画像変更
超初心者です。 似たような質問から、自分なりにアレンジしてみたのですが、うまくいきません。 背景なしのテーブル内に配置したA画像をクリックすると、 そのテーブルの背景がA画像になる、というふうにしたいです お分かりになる方、教えてください。 よろしくお願いしたします。
- kaisha
- お礼率57% (19/33)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<script type="text/javascript"> <!-- function setBGImage(img){ document.getElementById('TB').style.backgroundImage='url('+img.src+')'; } //--> </script> </head> <body> <table id="TB"> <tr><td><img src="img/01.jpg" alt="" onclick="setBGImage(this)"></td><td><img src="img/02.jpg" alt="" onclick="setBGImage(this)"></td><td><img src="img/03.jpg" alt="" onclick="setBGImage(this)"></td></tr> <tr><td> </td><td> </td><td> </td></tr> </table>
その他の回答 (1)
- Blaise
- ベストアンサー率33% (13/39)
そのテーブルの<TD>にIDを振って、 document.getElementById('ID').style.backgroundImage=url(xx.gif) という関数を画像にからめたイベントで呼べばよいの では？ もう寝るので、コードを書くのが億劫ですが、ちっとも 難しくありませんよ。がんばって！
お礼
ありがとうございました。 無事できました！ 励ましのお言葉もうれしかったです。
お礼
最初はタグだけ並んでいてびっくりしましたが、 どこに記入すればよいかも見てわかるようになっていましたし、 IDをセットして、リンク先だけ変更すればよい状態で書いていただいていたので、大変助かりました。 ありがとうございました！