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

purazumakoiの[はてなブログ]

技術メモから最近はライフログも増えてきてます。

ページロード時に画像をランダムで表示する

昔グランドトップのキービジュアルとかとかに結構つかわれてたような気がする

一応ソースをメモっておこう
このソースの場合は3つのうちランダムで表示です。


javascript部分

function preload() {
	img = new Array();
	img[0] = new Image();
	img[1] = new Image();
	img[2] = new Image();
	
	img[0].src = "image/img_main_01.jpg";
	img[1].src = "image/img_main_02.jpg";
	img[2].src = "image/img_main_03.jpg";
	
	f_keyvisual();
}

function f_keyvisual() {
	if(document.getElementById('keyvisual')){
		rnd = Math.floor(Math.random() * img.length);
		document.getElementById('keyvisual').src = img[rnd].src;
		document.getElementById('keyvisual').alt = "ALTですよ";
	}
}


window.onload = function () { 
	preload();
}