ロード時にランダムで画像を表示
複数ある画像の中からランダムで1つ表示
画像を連番(01~)で用意。
jQuery
$(function () {
// 1~5からランダムに抽出
var rand_number = ('0' + Math.ceil(Math.random()*5)).slice(-2);
var img_full = $('img').attr('src').replace(/[0-9]{2}/, rand_number);
$('img').attr('src', img_full);
// 背景画像をランダムに切り替え
// $('div').css('background-image', 'url(' + img_full + ')');
});
HTML
<div>
<img src="/img/full01.jpg">
</div>
サンプル