画像を切り替えランダム表示

質問

初めて質問をします。
画像をクリックすると別の画像に切り替わる画像を、ランダムに表示させるにはどうしたらよいでしょうか？教えてください。
Javascript初心者で、どうしてもできず困っています。よろしくお願いします。

回答No.2

BLUEPIXY · ベストアンサー

まあ、こんな感じで
<script type="text/javascript">
<!--
//クリックしたらランダムに画像を変更する
//あらかじめイメージを読み込んでおく
var imgs = new Array;
var n = 6; //画像の数
var i;
for(i=0;i<n;i++){
imgs[i] = new Image();
}
imgs[0].src="1.jpg"; //名前は何でもいい
imgs[1].src="2.jpg";
imgs[2].src="3.jpg";
imgs[3].src="1.gif";
imgs[4].src="2.gif";
imgs[5].src="3.gif";

function disp(img){
img.src=imgs[Math.round(Math.random()*(n-1))].src;
}
//-->
</script>
…
<img src="1.jpg" onclick="disp(this)">

回答No.3

yukaself

No1です。

色々と試してみましたが、No.2さんのスプリクトが一番良い方法だと思います。
(私も勉強になりました。ありがとうございました)

書かれたどおり、タグをコピペして一度ご自分で確かめてみてください。
もし何かわからない事があれば聞いてくださいね。

頑張ってください！

お礼

迅速な回答ありがとうございました！

Javascript、とても難しいですね(汗)これからどんどん勉強してアドバイスできる位になりたいです☆

またお目にかかることがありましたら、よろしくお願いいたします。

回答No.1

yukaself

初めまして。

「画像をクリックすると別の画像に切り替わる」というのは、
マウスオーバーで切り替えるという事でしょうか？

私は今の所そういったジャバスプリクトを見た事がないのですが、
どこかのサイトで、それを使用しているの見た事があっての質問でしょうか？

もう少し詳しく書いて頂けると調べられると思うのですが・・・
URLのサイトも参考にしてみてください^^

参考URL：

http://myako.net/index.htm

補足

ご返答ありがとうございます。

「画像をクリックすると別の画像に切り替わる」というのは、下記アドレスの【★クリックすると画像が変わる】という項目の動作のことです。

http://www.npo-aichi.or.jp/blanca/style/style14.html

これを、ページを更新するたびに色々なパターンをランダムに表示させたいのですが、可能でしょうか？
教えて下さい。お願いします。