使用jQuery / css淡化背景图像？

Question

我有以下脚本（from here），用于加载图像并将其设置为背景。它工作正常，但我需要更改以添加多张照片，以便它可以是幻灯片吗？

jQuery的：

$(document).ready(function(){

    $.fn.smartBackgroundImage = function(url){
        var t = this;
        //create an img so the browser will download the image:
        $('<img />')
        .attr('src', url)
        .load(function(){ //attach onload to set background-image
                t.each(function(){ 
                $(this).css('backgroundImage', 'url('+url+')' );
                });
            });
        return this;
    }
    $('body').smartBackgroundImage('/static/images/temp-bg.jpg');

});

谢谢！

Answer 1

将您的图片合并到带有<li>标记的html中，并使用jquery格式化它们。所以以后更容易改变它们。