ورود

View Full Version : نمایش رندم background image



leontry89
دوشنبه 29 مهر 1392, 18:27 عصر
دوستان من 3 تا عکس دارم برای پس زمینه (background) سایتم
میخوام هر موقع صفحه رفرش شد یکیش و رندم نمایش بده
مرسی

Javidhb
دوشنبه 29 مهر 1392, 18:53 عصر
این یه راهشه:


(function(){
//درست کردن یک عدد رندوم بین 1 و 3
var rand = Math.floor(Math.random() * 3) + 1;

switch(rand)
{
case 1:
$('body').css('background', 'red');
break;
case 2:
$('body').css('background', 'green');
break;
case 3:
$('body').css('background', 'blue');
break;
}
})();

بجای رنگ شما url عکس رو بدید... (مثل css)

=> میتونید اسم عکسها رو 1، 2 و 3 بزارید و بجای switch بنویسید:

$('body').css('backgroundImage','url(' + rand + '.jpg)');