Question

当我使用这个脚本时，它会以红色脚本结束，因为这是最后一个。所以我需要添加z-index：+1？

jsfiddle.net/fourroses666/MCDw7

有谁可以帮我解决这个问题？

Answer 1

这不是您问题的答案，但可能是您正在寻求的解决方案。所以，如果你想要连续褪色图像。你应该有两个图像，背景一个的不透明度设置为1，前景一个从0渐变到1.当它达到1之后，你将前景图像放到背景中，并将一个新图像添加到前景中，不透明度为0 ...

JS代码：

function changeImg(){
    var img1 = document.getElementById("1");
    var img2 = document.getElementById("2");
    img1.src = img2.src;
    $("#2").css({ opacity: 0 });
    var randomNumber = Math.floor(Math.random()*(16*16*16 - 1));
    var randomStr = randomNumber.toString(16);
    img2.src = "http://dummyimage.com/50/" + randomStr + "/" + randomStr;
    $('#2').delay(200).animate({opacity:1},150, function(){
            changeImg();
    });

}

$(document).ready(function(){   
    changeImg();
});

HTML代码：

<div id="container">
    <img id="1" src="http://dummyimage.com/50/000/000" />
    <img id="2"/>    
</div>

CSS代码：

div img{
    position:absolute;
    width: 50px;
    opacity:1;
}

随机图像滑块设置z-index

1 个答案: