- ベストアンサー
画像クリックでテーブル内背景画像変更
超初心者です。 似たような質問から、自分なりにアレンジしてみたのですが、うまくいきません。 背景なしのテーブル内に配置した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) という関数を画像にからめたイベントで呼べばよいの では? もう寝るので、コードを書くのが億劫ですが、ちっとも 難しくありませんよ。がんばって!
お礼
ありがとうございました。 無事できました! 励ましのお言葉もうれしかったです。
関連するQ&A
- テーブル外のテキストをクリック → テーブルの背景画像を変更させるには?
IE、macで動作可能な状態に作りあげたいです。 テーブル外にあるテキストのある部分をクリックする度に、 テーブル内の【背景】画像が変わるようにしたいのです。 テーブル上の画像ではなく、テーブル自体の背景を変えられる方法がなかなか見つかりません。 もし出来るようなら、ぜひ教えてください!
- ベストアンサー
- JavaScript
- テーブルに背景画像を入れたいのですが……
CS5でホームページを作っていますが、CSSとかhtmlはまったくといっていいほど理解していません。 テーブルを挿入して組みあせているだけの初歩的な作り方なのですが、いろいろわからないことばかりです。 質問ですが、ページ全体への背景画像はできるのですが、テーブルに対する背景画像の設定は可能でしょうか。 下記のページのテーブル内の挿入画像をいくつか背景画像にして、その上にテキストを入れたいのです。 http://www.kajimaya.info/ http://ryukyugeino.jpn.com/ すみませんが、超初心者向きのご教示をいただければありがたいです。 どうかよろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- クリックで指定のテーブルの背景色を変えたい
クリックするのは文字でも画像でもいいのですが、 それをクリックすると指定のテーブルの背景色が変わるようにしたいんです。 (同ページ内です。) どうしたら良いでしょうか?
- ベストアンサー
- JavaScript
- テーブルの背景画像にリンクを設定したい
ナビゲーションボタンを配置するのに、テーブルで、 tdの背景画像として同じ画像を設定しました。 メニューはテキストで記述しました。 そのテキスト部分ではなく、背景画像にリンクを 設定したいのですが、できますでしょうか。 テキストは左寄せで短いものもあるので、 テキストリンでは、ボタンの右の方をクリックしても リンクせず、使い勝手が悪いかと思いまして・・。 文字も込みの画像でボタンを作るとどうも鮮明でない ような気がしたので、このようなやり方にしようかな と考えたのですが、何かいいアドバイスありましたら よろしくお願いします。
- ベストアンサー
- HTML
- TABLEの背景画像をCSSに変更したい。
今までTABLEを使って背景画像を指定していたのですが、CSSに変更したいと考えています。 現在はTABLEで図1のようにABC A'B'C' A''B''...と連続する背景画像を<図3>のカラム「ロ」に入れています。 これをCSSのbackgroud-imageで指定すると図2のB'ように途中で切れてしまいます。 これを背景イメージA,B,Cのいずれかの境界で背景を終わらせるようにコントロールすることはできないものでしょうか。 CSSだけで指定するのは困難なように思います。 JAVA Scriptとの併用になるのでしょうか。 CSSは基本的な使い方は理解しているつもりですが、JAVA Scriptは読める程度で書くことはできません。 わかりにくい説明で申し訳ありませんがどなたか教えていただければ助かります。 よろしくお願いします。 なお背景画像の高さはA=B=Cです。 背景画像は<図3>のカラム「ロ」、カラム「イ」「ロ」はコンテンツしだいで下に伸びます。 <図1:背景イメージ> ■■■ ┐ ■■■ A ■■■ ┘ □□□ ┐ □□□ B □□□ ┘ ◆◆◆ ┐ ◆◆◆ C ◆◆◆ ┘ <図2:backgroud-imageによる指定> ■■■ ┐ ■■■ A ■■■ ┘ □□□ ┐ □□□ B □□□ ┘ ◆◆◆ ┐ ◆◆◆ C ◆◆◆ ┘ ■■■ ┐ ■■■ A' ■■■ ┘ □□□ ┐ □□□ B' ┘ <図3:現在のカラム(TABLEで指定)> ┌─────────┐ │┌─┐┌─┐┌─┐│ ││ ││ ││ ││ ││イ││ロ││ハ││ ││ ││ ││ ││ │└─┘└─┘└─┘│ └─────────┘
- ベストアンサー
- CSS
- テーブル背景色を自由に変えられる
はじめまして。 ホームページ内で、家具やインテリア雑貨の画像を、マウスでドラッグして好きな場所に配置して遊べるものを作っています(よく見かける「着せ替え~」の、模様替えバージョンです)。 テーブルを部屋の壁に見立てて、そのテーブルの背景色を、色に対応したボタンを押すことで変更できるようにしているのですが、もっとカラーピッカーのような、RGBの割合でカラー生成できるようなかんじにしたいと考えております。 当方超がつく初心者で、質問の内容も分かりづらいところがあるかと思いますが、ご存知の方いらっしゃいましたら教えていただきたいです。 宜しくお願いします。
- ベストアンサー
- JavaScript
- テーブルの中の背景画像
windowsでHTMLを制作しています。 テーブルの中にテーブルを入れてレイアウトしているのですが、 大きいほうのテーブルに背景画像を指定、 中に入れた小さいテーブルには下の背景をそのまま反映させたいと思います。 IEでは問題なく表示されますが、ネスケで見ると、 小さいテーブルにもダブって背景画像が出てきてしまいます。 解消するタグはあるのでしょうか。
- ベストアンサー
- HTML
- 背景に画像を使ったページを作りたい。
タイトルの通り、DreamWeaverを使って背景に画像を使ったページを作りたく方法を考えています。ちなみにレイヤー、CSSは使いたくありません。 自分の少ない知識で考えると、ページプロパティで背景画像を選択して、その上にテーブルを使ってテキスト等を配置する…それしか思いつかないのですが、他に方法はあるのでしょうか? あと、ページプロパティで背景画像を選択すると、ずっとリピートしてしまうと思うのですがリピートさせない方法はあるのでしょうか? また、大きく重い画像をページプロパティで背景に設定した場合、やはりページの立ち上がりの時間は重くなるのでしょうか? 経験が浅いため、HP制作中にいくつも疑問にぶち当たってしまいます。 どなたか、初心者(私が)と言うことを踏まえて、教えていただけないでしょうか。お願いいたします。
- ベストアンサー
- CSS
お礼
最初はタグだけ並んでいてびっくりしましたが、 どこに記入すればよいかも見てわかるようになっていましたし、 IDをセットして、リンク先だけ変更すればよい状態で書いていただいていたので、大変助かりました。 ありがとうございました!