Javascript 快速连续隐藏和显示图像时的视觉延迟

我有大约50张图片，应该在

div

中一张接一张地显示

显示一个图像和另一个图像之间的延迟约为750毫秒，并且随着每个图像的显示而减少

我使用以下方法确保在动画开始之前加载所有图像：

(window).load(function() { });

使用

setTimeout

var index = 1;
function newImage(index) {
var interval = setTimeout( function(){
        $("#image-container .image").css("display","none");
        $("#image-container .image:nth-child("+index+")").css("display","block");
        clearTimeout(interval);
        index = index + 1;
        newImage(index);

    },delay[index-1]);
}

其中，

delay

是一个延迟数组，类似于

[750750650，…]

---

动画效果很好，但视觉延迟的速度与眨眼一样快，没有图像显示，只有背景可见，如何避免它？

尝试使用

可见性
css属性而不是
显示
您是否尝试使用
可见性
css属性而不是
显示
？@VladNikitin成功了！哈哈，把它当作答案吧！要吸取的教训。谢谢