ホームページ作成・基礎講座・HTML・CSS・javascript・SEO対策

超初心者でも簡単にできるホームページ作成,HTML基礎講座 EasyStudyHTML

ホームページ作成 HTML基礎講座 javascriptサンプル集

ホームページ作成・HTML基礎・スタイルシート(CSS)・javascript・SEO対策



javascriptサンプル集 clear.gif  
javascriptでページを表示する度に画像をランダム表示
サンプルソース

ページの表示または、更新をしたらページが再表示される際、画像がランダム表示される。

サンプル表示結果



サンプルソース(source)
<html>
<head>
<title></title>
<script language="JavaScript">
function random_img1(num1,num2) {
if((num1 - num2) > 0) {
var big = num1
var small = num2
} else {
var big = num2
var small = num1
}
var range = big - small + 1
var number = Math.floor(Math.random()*range) + small
return(number)
}
function random_img2() {
var img_src = "sample" + random_img1(1,3) + ".jpg"
document.write("<img src='" + img_src + "'>")
}
</script>
</head>
<body>
画像のランダム表示<br>
<br>
<script language="JavaScript">random_img2()</script>
<br>
</body>
</html>

※ブラウザ上で更新するか、いったんウインドウを閉じてから開いてもらうと画像が変わると思います。(ランダム表示ですので、偶然同じ画像の場合もあります。)

ページトップへ
TOP | 利用規約(免責) | お問合せ

Agora