Question

Heyo，

我目前正在处理背景滑块，但我无法使其工作，因为我希望它能够正常工作。

所以我需要的是一种淡入淡出效果，它不会在图像之间产生空白区域。

所以......以下图片应为fadeIn，但当完成下一张图片的fadeOut效果后，当前图片应保持fadeIn。（如果这是有道理的）

这是我目前使用的script：

＆＃13;

$(document).ready(function(){

  var count = 1;
  var images = [ "http://i.imgur.com/HX0X6lV.png", "http://i.imgur.com/N50Ye7i.png", "http://i.imgur.com/TFG5oaa.png"];
		var image = $(".background");

		setInterval(function(){
			image.fadeOut(500, function(){
				image.css("background-image","url("+images[count++]+")");
				image.fadeIn(500);
			});
			if(count == images.length)
			{
				count = 0;
			}
  },3000);

});

＆＃13;

.background {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  background-size: cover;
  background-position: center center;
  background-image: url("http://i.imgur.com/HX0X6lV.png");
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="background"></div>

＆＃13;

jQuery滑块淡入淡出效果，没有白色区域

0 个答案: