プロが教えるわが家の防犯対策術!

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

A 回答 (3件)

まあ、こんな感じで


<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)">
    • good
    • 0

No1です。



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

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

頑張ってください!
    • good
    • 2
この回答へのお礼

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

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

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

お礼日時:2005/01/05 21:52

初めまして。



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

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

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

参考URL:http://myako.net/index.htm

この回答への補足

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

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

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

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

補足日時:2005/01/03 23:55
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!