背景について

[新着] Webテンプレートを仮オープンしました



0   名前: リオ : 2007/10/25(木) 09:48  ID:RaEXwVz9 sub-xO
立て続けの質問すいません。

素材屋サイトなどでよく見かける
画像をクリックして背景だけ変わるページはどうやって作ればいいのでしょうか?



同じページで変えることはできないでしょうか?
説明下手ですいません。

1   名前: 元帥 : 2007/10/25(木) 09:48  [URL]  ID:YTyErMSi sub-bK
背景がどう変わるのでしょうか?
背景色? 背景画像? それとも背景に別のページ?
などでよく見かけるといった曖昧な表現ではなく、ズバリそのページを提示してもらえる方が意図は伝わります。

質問の仕方:
http://www.tagindex.com/bbs/advice.html

背景色もといスタイルの操作はJavaScriptで可能です。
JavaScriptに、CSSやスタイルといったキーワードと、制御や操作、変更といったキーワードとを組み合わせて検索すると宜しいかもしれません。

TAGindexにもありますね。
http://www.tagindex.com/color/background/index.html
該当のページが分かっているのでしたら、ソースコードを見て勉強するのも良いでしょう。

2   名前: リオ : 2007/10/25(木) 09:48  ID:RaEXwVz9 sub-xO
背景画像が変わるようにしたいのですが・・・
説明下手ですいません。

3   名前: カヅサツ ◆ThCi95HEzw : 2007/10/25(木) 09:48  [URL]  ID:O5hEMlpW sub-r2
ページのbody要素(1つしかないはずので、document.getElementsByTagName("body")[0])の見た目(style)の背景画像(backgroundImage)を変える、という JavaScriptの関数を用意し、画像なりなんなりの onclick属性で、この関数を起動するようにすれば良いと思います。

backgroundImage は CSS の background-image のことですので、値の書き方は同じです。

クリックされた画像によって異なる背景画像にしたいなら、引数に背景画像のURLを使う(もしくは、クリックされた画像を背景画像にしたいなら、自分自身の href属性値を引数にする)と良いでしょう。

一覧へ戻る