需要使用jQuery随机更改背景图像

Need to change the background image random with jQuery

本文关键字：背景 图像 随机 jQuery      更新时间：2024-04-29

你好，这是我的代码，直到现在，我需要用5个背景更改#mainImage背景-images(img-1.jpg, img-2.jpg , img-3.jpg ,img-4.jpg ,img-5.jpg )，当我重新加载页面时，背景将用jquery（.css）随机更改。

感谢

或更通用的方法

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 + ')' );
});

试试这个：

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] + ')');
相关文章：