Question

大家晚上好！

我编写了一个JavaScript，可以滑动几个具有淡入淡出效果的图像。在Chrome和Opera中工作得很好，但在其他浏览器中，图片会切换，但淡化效果不起作用。我不知道为什么。

这是我的身体背景css：

body{
    -webkit-transition: background 1.5s ease;
        -moz-transition: background 1.5s ease;
        -o-transition: background 1.5s ease;
        -ms-transition: background 1.5s ease;
        transition: background 1.5s ease;
}

你知道我不会忘记这些前缀！

这是我的JavaScript：

var rnd_last = -1;
var picInterval;
var picsArray = new Array('url(hd1.jpg)', 'url(hd2.jpg)', 'url(hd3.jpg)', 'url(hd4.jpg)');

$('document').ready(function() {

    startPicInterval();

    $(window).resize(function()
    {
        clearInterval(picInterval);
        startPicInterval();
    });


});

function setBodyBackground(actualPic)
{
    $('body').css({'background-image': actualPic});
}

function startPicInterval()
{

    if ($(window).width() >= 1200)
    {
        picInterval = setInterval(function() {
            setBodyBackground(picsArray[getRandomNumber(1, picsArray.length)]);
        }, 5000);
    }


}

function getRandomNumber(min, max)
{
    var rnd;
    do
    {
        rnd = Math.floor((Math.random() * max) + min);
    } while (rnd === rnd_last);
    rnd_last = rnd;
    return(rnd);

}

我希望有人可以帮助我，感谢Nico！

CSS后台转换不适用于IE，Firefox和Safari，为什么？

0 个答案: