Javascript 在HTML中加载图像序列
我必须加载图像序列动画大约60个图像阵列。我想单独加载这个特定序列。意味着图像加载时间不影响整个页面的加载时间。因为加载带有图像序列动画的页面需要花费太多时间。目前,我已经在HTML代码中添加了所有60个序列图像,并将“display:none”设置为与页面一起加载 是否有可能单独加载此图像或在加载整个html页面后加载。或者其他更好的解决方案Javascript 在HTML中加载图像序列,javascript,html,image,performance,loading,Javascript,Html,Image,Performance,Loading,我必须加载图像序列动画大约60个图像阵列。我想单独加载这个特定序列。意味着图像加载时间不影响整个页面的加载时间。因为加载带有图像序列动画的页面需要花费太多时间。目前,我已经在HTML代码中添加了所有60个序列图像,并将“display:none”设置为与页面一起加载 是否有可能单独加载此图像或在加载整个html页面后加载。或者其他更好的解决方案 提前感谢。使用javascript/jquery动态加载它们 var imagePaths = ["img1.png", ....]; $(docume
提前感谢。使用javascript/jquery动态加载它们
var imagePaths = ["img1.png", ....];
$(document).ready(function(){
for(var i=0; i<imagePaths.length; i++) {
var newImg = $('<img style="display:none;" />'); //Add any class or attribute you want or anything for images.
newImg.bind("load", function(){
$(this).show();
});
newImg.attr("src", imagePaths[i]);
$(parentSelector).append(newImg);
}
});
var-imagepath=[“img1.png”,…];
$(文档).ready(函数(){
对于(var i=0;i是的,这是可能的
var images[60];
var names[60]={"img1.jpg","img2.jpg"...}
function loadImages() {
for(var i=0;i<60;i++) {
images[i] = new Image();
images[i].src = "www.myWebPage.com/"+names[i];
}
}
var图像[60];
变量名称[60]={“img1.jpg”、“img2.jpg”…}
函数loadImages(){
对于(var i=0;i
<body onLoad="loadImages()">
...
</body>