ロード時にランダムで画像を表示

複数ある画像の中からランダムで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>

サンプル

最新の記事

プロフィール

流されるままにウェブ業界で仕事しています。主にLAPP環境でPHPを書いています。最近はjQueryで遊んでいます。
※動作確認について