読者です 読者をやめる 読者になる 読者になる

有希のPC勉強

PCについて勉強したことを残していくため更新しています。一緒に勉強しませんか?

【上級編】アクセス毎に画像をランダムに変える

JavaScript 上級編

昨日、小卒してきました~~
え?そんなのはどうでもいい?
そうですよね←
今回はJavaScriptというのに手を出してみましたw
というか、今まで分かってないで使ってたヤツの中でJavaScriptがすでに存在してたりするかもしれないです((
今まで更新してきた中で、JavaScriptがあるものがあったら言っていただけると嬉しいです♪
ではでは本題((遅い
タイトルの通り、アクセスするごとに画像を変える方法を紹介したいと思います!

<script language="JavaScript"><!--
myImageCnt = 10;
myImage = new Array(
 "1.jpg",
 "2.jpg",
 "3.jpg",
 "4.jpg",
 "5.jpg",
 "6.jpg",
 "7.jpg",
 "8.jpg",
 "9.jpg",
 "10.jpg"
)

myRnd = Math.floor(Math.random()*myImageCnt);
document.write("<img src='",myImage[myRnd],"' border='0' >");
// --></script>

上記のソースは画像を10枚用意したときのものです。
数を減らしたり、増やしたりすることも勿論可能ですよ^^
.jpgの前には自分のファイルの名前を入力してくださいね!

<script language="JavaScript"><!--
myImageCnt = 5;
myImage = new Array(
 "1.jpg",
 "2.jpg",
 "3.jpg",
 "4.jpg",
 "5.jpg"

)

myRnd = Math.floor(Math.random()*myImageCnt);
document.write("<img src='",myImage[myRnd],"' border='0' >");
// --></script>

このようにすれば5枚までのものとなります
myImageCnt = ●;
↑この●のところには、画像の枚数、そして最後の画像の最後にはカンマ(,)をいれないでください!

よく分からないですよね;すいません。
そういうときは、コチラを見ていただければわかると思います^^
では今回はノシ