random - ランダム イメージ スライダー セットの z-index

Question

このスクリプトを使用すると、最後のスクリプトであるため、最終的に赤いスクリプトになります。どういうわけか、 z-index:+1 を追加する必要がありますか?

jsfiddle.net/fourroses666/MCDw7

これで私を助けることができる人はいますか？

Answer 1

これはあなたの質問に対する答えではありませんが、あなたが求めている解決策になるかもしれません。したがって、画像の連続的なフェードが必要な場合。背景の画像は不透明度が 1 に設定され、前景の画像は 0 から 1 にフェードします。1 に達したら、前景の画像を背景に配置し、不透明度 0 の新しい画像を前景に追加します。 ...

これがJSFiddleにあります

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;
}