HP、背景画像について

HPを作成中です。
ソフトはホームページビルダー6です。

デジカメで撮った写真を背景にしたいのですが、

撮った写真をそのまま、背景に設定すると画像が大きすぎます。
かといって、画像を小さくすると画面いっぱいに表示されるのかも心配です。

理想は、よくスライドショーにするとブラウザに合わせて画像の大きさが変化してくれる感じにしたいのですが、
そういう方法はあるでしょうか。

Javaスクリプトなど特殊な機能をつかうのでしょうか

No.2 ベストアンサー 回答者： fujillin 回答日時： 2008/07/02 12:03

＃1です。

間違えてました・・・

.bgimgのポジション指定も絶対指定ですね。
position:relative;　→　position:absolute;

HTMLで<img>を一番最初に入れているので、実際には違いは出ませんけれど・・・・

No.1 回答者： fujillin 回答日時： 2008/07/02 11:32

ご質問のような感じのものは、Scriptでもできますが、とりあえずCSSでやってみました。

ただし、画像はフラウザの画面サイズに応じて変化しますので、縦横比は保持されません。
画像に枠が出ないように、bodyのマージン等を0に指定していますが、本文にマージンなどが欲しい場合は、.mainでマージンなどを指定すれば良いでしょう。

----CSS-----
body {
　margin:0px;
　padding:0px;
}
.bgimg{
width:100%;
height:100%;
position:relative;
top:0px;
left:0px;
z-index:1;
}
.main{
position:absolute;
top:0px;
left:0px;
z-index:2
}

----HTML-----
<img src="背景画像" class="bgimg">
<div class="main">
・・・・・・・・・・・・・・・・・
　本文を記載
・・・・・・・・・・・・・・・・・
</div>