画像を入れ替える方法

質問

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

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

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

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

回答No.3

BLUEPIXY · ベストアンサー

<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)">

お礼

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

回答No.2

BLUEPIXY

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

お礼

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

回答No.1

noname#15895

JavaScriptというスクリプトがあり、それで簡単にできます。
その程度なら、JavaScriptを理解しなくてもすぐできると思いますので
http://www.google.com/ で
JavaScript 画像を入れ替える
を検索してみてください