ボタンクリックによる画像の変更

解決済

質問者：sakasama0rska
質問日時：2004/12/29 14:21
回答数：2件

はじめまして。
色々と調べたり考察してみたのですが方法が見つからないので質問致します。

□□□□
□□■□　　　　○ボタン
□□□□　　　

□、■＝画像ファイル

同一フレームの中に上図のように数個の画像ファイルが並べてあります。
その横にボタンを配置します。
そのボタンをクリックすることで■の画像ファイルをAからBに変更すること可能でしょうか？
また、可能であればその方法を教えて下さい。

通報する

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

質問の本文を隠す

回答 (2件)

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

No.1ベストアンサー

回答者： gura_
回答日時：2004/12/29 16:19

　例えばこんなかんじでしょうか。

「ボタン1」で、name="img7"の画像が's.gif'に変わり、「ボタン2」で、初期値'7.gif'に戻ります。

<html>
<head>
<script type="text/javascript">

</script>
</head>
<body>
<img name="img1" src="1.gif">　<img name="img2" src="2.gif">　<img name="img3" src="3.gif">　<img name="img4" src="4.gif"><br>
<img name="img5" src="5.gif">　<img name="img6" src="6.gif">　<img name="img7" src="7.gif">　<img name="img8" src="8.gif"><br>
<img name="img9" src="9.gif">　<img name="img0" src="0.gif">　<img name="imgc" src="c.gif">　<img name="imgd" src="d.gif"><br>
<form action="#">
<input type="button" value="ボタン1" onclick="setImg('img7', 's.gif')">
<input type="button" value="ボタン2" onclick="setImg('img7', '7.gif')">
</form>
</body>
</html>

- 0
- 件

通報する

この回答へのお礼

素早い返答ありがとうございます。
この例ではjavascriptを使用していますよね？
出来ればjavascriptを使用せずHTMLのみでやりたいと思っています。
HTMLのみでは不可能でしょうか？

通報する

お礼日時：2004/12/30 12:04

No.2

回答者： go6n
回答日時：2005/01/06 14:57

こんにちは。

こんな方法でいかがですか？

まずそのページを「a.html」とします。
画像ＡをＢに変更したページを新しく作ります。「b.html」とします。
a.htmlの○ボタンに、b.htmlへリンクを貼ります。

つまり、その画像だけではなく、ページ全体を切り替えてしまう方法です。

HTMLだけで作るには、この方法しか思いつきませんでした。他の画像も変えるのであれば無理ですね・・・。