索引工作良好，即使图像是随机显示的

The index work good even though the images are shown randomly

本文关键字：图像 随机 显示 工作 索引      更新时间：2023-09-26

我的html中有这个元素:

<img src="images/P-509-MyEgy 1.jpg" alt="Slide show" />

和我的javascript代码看起来像这样:

$(document).ready(function(){
    var imagesArray = ['images/P-509-MyEgy 2.jpg', 'images/P-509-MyEgy 3.jpg', 'images/P-509-MyEgy 4.jpg', 'images/P-509-MyEgy 1.jpg'];
    var imagesIndex = 0;    
    function slideShow() {
        $('img').fadeOut(750, function(){
            $(this).attr('src', imagesArray[imagesIndex]).fadeIn(750);
        });
        imagesIndex++;
        if(imagesIndex >= imagesArray.length){
            imagesIndex = 0;
        }
        //alert(imagesIndex);
    } 
    setInterval(slideShow,1000);
});

注释后的alert返回值看起来是正确的(1/2/3/然后0/1/2/3/等等)

浏览器在显示图像之前需要时间来加载图像。您可以将它们预加载到1x1div中，不透明度设置为0，以确保它们从缓存中取出。该脚本位于.ready函数中，因此它将在图像加载完成时启动。

相关文章：