画像をランダムに表示したい

締切済

質問者：jojo3714
質問日時：2013/05/05 19:49
回答数：2件

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

これだけでは、だめなのでしょうか!?

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.2

回答者： bybalsendercase
回答日時：2013/05/05 21:57

すいません、画像の表示位置を忘れました。

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の場合は付けないみたいです。

- 0
- 件

通報する

No.1

回答者： bybalsendercase
回答日時：2013/05/05 21:25

こんばんは

＞おまけ画像の読み込み
＞プレゼント画像を描画
すいません、両者の違いはなんですか？

画像を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>