如何解决如何将图像预加载到用于滚动图像序列 (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 举报,一经查实,本站将立刻删除。