如何将图像预加载到用于滚动图像序列 (JS) 的数组中？

问题描述

我正在尝试使用 Javascript 将图像序列绑定到滚动，但由于图像未预加载，因此目前非常笨拙。如何预加载数组中的所有图像以确保它们已准备就绪。

$(function () {



var images = [
    "Images/GlacierSequence/Glacier000.jpg","Images/GlacierSequence/Glacier001.jpg","Images/GlacierSequence/Glacier002.jpg","Images/GlacierSequence/Glacier003.jpg","Images/GlacierSequence/Glacier004.jpg" ...
];



var obj = {curImg: 0};

var tween = TweenMax.to(obj,0.5,{
        curImg: images.length - 1,// animate property curImg to number of images
        roundProps: "curImg",// only integers so it can be used as an array index
        immediateRender: true,// load first image automatically
        ease: Linear.easeNone,// show every image the same amount of time
        onUpdate: function () {
          $("#myimg").attr("data-src",images[obj.curImg]); // set the image source
        }
    }
);

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）