Необходимо изменить фоновое изображение в случайном порядке с помощью jQuery

Question

Привет всем, это мой код, теперь мне нужно изменить фон #mainImage с 5 background-images(img-1.jpg, img-2.jpg , img-3.jpg ,img-4.jpg ,img-5.jpg), фон будет меняться случайным образом с помощью jquery (.css), когда я перезагружаю страницу ,

Благодаря

Answer 1

Попробуйте это:

var images = ['img-1.jpg', 'img-2.jpg', 'img-3.jpg', 'img-4.jpg', 'img-5.jpg']; 
var random = Math.round(Math.random() * 4); 
$('#mainImage').css('background', 'url(' + images[random] + ')'); 

Answer 2

Или более общий подход

jQuery(document).ready(function($){ 
    var images = [ 
     'img-1.jpg', 
     'img-2.jpg', 
     'img-3.jpg', 
     'img-4.jpg', 
     'img-5.jpg' 
    ]; 

    var key = Math.floor((Math.random()*images.length)); 
    var img = images[ key ]; 
    $('#mainImage').css('background-image', 'url(' + img + ')'); 
});