画像クリックで背景を変える

解決済

質問者：marronbutton
質問日時：2006/05/12 17:18
回答数：3件

素材配布サイトを作っています。ある画像をクリックすると、背景がその画像に変更されるようにしたいのですが、このとき、縦方向、または横方向にだけ画像が並べられるようにするにはどうすれば良いのでしょうか？検索して背景全体に画像が並べられるようにする方法はわかりましたが、JavaScriptの知識が全くないので応用できません…。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： BLUEPIXY
回答日時：2006/05/13 03:00

#2補>横方向の場合で画面下でくり返すには

case 'H'://横
document.body.style.backgroundRepeat='repeat-x';
document.body.style.backgroundPosition='center bottom';//下
break;
case 'V'://縦
document.body.style.backgroundRepeat='repeat-y';
document.body.style.backgroundPosition='right top';//右
break;

- 0
- 件

通報する

この回答へのお礼

要領を得ない質問に何度も親切に答えてくださって本当にありがとうございました！とても助かりました。

通報する

お礼日時：2006/05/13 12:21

No.2

回答者： BLUEPIXY
回答日時：2006/05/13 00:37

//#1補

この回答への補足

ありがとうございます！イメージしていたものができたました！そしてまたわがままを言って申し訳ないのですが、横方向の場合で画面下でくり返すにはどうしたら良いのでしょう？一度に書くべきでしたのに、何度もお手数をおかけして本当にすみません。

補足日時：2006/05/13 01:24

通報する

- 0
- 件

通報する

No.1

回答者： BLUEPIXY
回答日時：2006/05/12 20:27

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>クリックした画像を背景にする</title>
<script type="text/javascript">
</script>
</head>
<body>
<form name="FORM1" style="background-color:white">
<input type="radio" name="radio1" value="repeat" id="A" checked><label for="A">全て</label>
<input type="radio" name="radio1" value="repeat-x" id="H"><label for="H">横方向</label>
<input type="radio" name="radio1" value="repeat-y" id="V"><label for="V">縦方向</label>
</form>
<img id='img01' src='img/01.jpg' onclick="setBack('img/01.jpg')">
<img id='img02' src='img/02.jpg' onclick="setBack('img/02.jpg')">
<img id='img03' src='img/03.jpg' onclick="setBack('img/03.jpg')">
</body>
</html>

この回答への補足

回答ありがとうございます。
せっかく全ソースを教えていただいたのに申し訳ないのですが、横か縦のどちらにくり返させるのかは閲覧者に選択させるのではなく、固定したいのです。「この画像をクリックしたときは縦にだけ繰り返して背景に、この画像をクリックしたときは全体に繰り返して背景に」ということはできますでしょうか？

補足日時：2006/05/12 23:13

通報する