Question

如何更改此选项，以便现在注释掉的渐进式淡入/淡出仅适用于背景图像而不是整个包含div？

在当前状态下，整个DIV以及所有内容随着背景图像的变化而淡入/淡出，我只需要交叉淡入淡出或淡入/淡出以在过渡时应用于背景图像。 我明白为什么它适用于整个div ，我只是不知道如何以不同方式编写它，因此它只影响背景图像。

$(window).load(function() {          
  var i =0;
  var images = [];
  images[ 0 ] = 'images/image1.jpg';
  images[ 1 ] = 'images/image2.jpg';
  images[ 2 ] = 'images/image3.jpg';
  images[ 3 ] = 'images/image4.jpg';

  var image = $('#container');
                //Initial Background image setup
  image.css('background-image', 'url(images/image4.jpg)');
                //Change image at regular intervals
  setInterval(function(){  
   //image.fadeOut(1000, function () {
   image.css('background-image', 'url(' + images [i++] +')');
   //image.fadeIn(1000);
   //});
   if(i == images.length)
    i = 0;
  }, 5000);           
 });

Answer 1

你无法淡出背景图片。它是一种全有或全无的东西。您可以使用z-index将图像放在当前div下面的另一个元素上，然后将其淡入或淡出。

Answer 2

刷新窗口 设置背景图片location.reload();

后添加此代码

Jquery背景图像循环w /淡入/淡出

2 个答案: