- 締切済み
画像をランダムに表示したい
var image = new Image[2]; // おまけ画像の読み込み image[0].src = "aaaa1.jpg"; image[1].src = "bbbb2.jpg"; // プレゼント画像を描画 int r=(int)(Math.random()*2); //ランダムに表示 context.drawImage(image[r], 0, 0); これだけでは、だめなのでしょうか!?
- jojo3714
- お礼率50% (1/2)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- 田中 裕之（@bybalsendercase）
- ベストアンサー率88% (56/63)
すいません、画像の表示位置を忘れました。 document.getElementById("m").style.left document.getElementById("m").style.top でも指定できますが、スタイルシートで決めました。 <body> <input type="button" value="表示" onclick="strt()"> <img src="aaaa1.jpg" style="visibility:hidden;width:300px;height:200px;margin-left:200px;margin-top:200px;" id="m" /> <script type="text/javascript"> var img = new Array(); img[0] = new Image(); img[0].src = "aaaa1.jpg" img[1] = new Image(); img[1].src = "bbbb2.jpg" // プレゼント画像を描画 var r=0;//ランダムの値 function hyouji() { r = Math.floor((Math.random()) * 2);//ランダムの値 の生成 //画像を表示する document.getElementById("m").style.visibility = "visible"; //ランダム値によって画像を変更する document.getElementById("m").src = img[r].src; } //タイマーで画像のhyouji()を3秒ごとに呼び出す function strt() { setInterval("hyouji()", 3000); } </script> </body> 画像の配列は2段がまえにしてね。 あとint rはjavaとかc#の場合ですね、気持ちはわかりますがjavascriptの場合は付けないみたいです。
- 田中 裕之（@bybalsendercase）
- ベストアンサー率88% (56/63)
こんばんは ＞ おまけ画像の読み込み ＞プレゼント画像を描画 すいません、両者の違いはなんですか？ 画像を3秒ごとにランダム値によって入れ替えるサンプルです。 <body> <input type="button" value="表示" onclick="strt()"> <img src="aaaa1.jpg" style="visibility:hidden;" id="m" /> <script type="text/javascript"> var img = new Array(); img[0] = new Image(); img[0].src = "aaaa1.jpg" img[1] = new Image(); img[1].src = "bbbb2.jpg" // プレゼント画像を描画 var i;//ランダムの値 function hyouji() { i = Math.floor((Math.random()) * 2);//ランダムの値 の生成 //画像を表示する document.getElementById("m").style.visibility = "visible"; //ランダム値によって画像を変更する document.getElementById("m").src = img[i].src; } //タイマーで画像のhyouji()を3秒ごとに呼び出す function strt() { setInterval("hyouji()", 3000); } </script> </body>
お礼
早々のご返答有難うございます 修正してみますね