画像を入れ替える方法

ホームページで、画像をクリックしたら、その画像だけが入れ替わるようにしたいと思っています。

A.html というファイルの中に、b.jpg という画像があるとします。その画像をクリックしたら、c.jpg に入れ替わるようにしたいのですが、たとえば、直接、c.jpg にリンクすると、その画像だけが表示されてしまいます。かといって、新しくC.htmlというファイルを作って、その中にc.jpgを入れておくと、画面が変ってしまいます。

また、カーソルが触れると画像が入れ替わるようなことも出来るようですが、できればクリックして初めて画像が変るようにしたいのです。

iframe も考えましたが、画像の大きさが違うとうまくいかないと思いますし、もっとなにかいい方法があれば教えてください。

No.3 ベストアンサー 回答者： BLUEPIXY 回答日時： 2006/02/14 11:35

<script type="text/javascript">

<!--
function toggle(img){
if(img.normal==null) img.normal=true;
img.src= img.normal ? 'c.jpg' : 'b.jpg';
img.normal=!img.normal;
}
//-->
</script>
…
<img src="b.jpg" alt="画像" onclick="toggle(this)">

この回答へのお礼

再度、ありがとうございました。
おかげさまでできました。

お礼日時：2006/02/14 12:01

No.2 回答者： BLUEPIXY 回答日時： 2006/02/14 02:10

<img src="b.jpg" onclick="this.src='c.jpg'">

この回答へのお礼

回答、ありがとうございました。
うまくいきました。できれば、クリックして、c.jpg に変ったところで、もう一度クリックしたら、もとのb.jpg に戻るようにしたいのですが、そのような方法があるでしょうか？

お礼日時：2006/02/14 09:10

No.1 回答者： noname#15895 回答日時： 2006/02/14 01:10

JavaScriptというスクリプトがあり、それで簡単にできます。

その程度なら、JavaScriptを理解しなくてもすぐできると思いますので
http://www.google.com/ で
JavaScript 画像を入れ替える
を検索してみてください