我知道有大量的jQuery预加载线程,我已经阅读了大部分内容但仍然无法找到我的问题的解决方案.
我有一个“停止动画”动画,它是通过jQuery使用队列和基于图像的顺序命名构建的.我不想在加载所需的所有图像之前运行此动画. Spriting目前不是一种选择,因为不同的产品类型有不同的动画,并且所有图像都已由客户生成.
我目前的预装代码如下：
function preloadImages($img,$frames){
var $imgsrc = $img.attr("src");
var $getext = $imgsrc.split('.');
var $ext = $getext[1];
var $exploded = $getext[0].split('_');
var $newsrc = "";
for (var i=1; i <= $frames; i++){
for (var j=0; j < $exploded.length-1; j++){
$newsrc = $newsrc + $exploded[j] + "_";
}
$newsrc = $newsrc + i + "." + $ext;
var image_preload = new Image();
image_preload.src = $newsrc;
}
}
其中frames是序列中的总图像数(此阶段为6或12),图像的命名约定如下：
Brand_Product_Category_ProductID_SequenceNo.jpg.
我正在尝试做的是没有加载持有起始图像的div,直到所有这些图像都已使用下面的文档准备好的预览片进行预加载,但这似乎没有正常工作,即持有者显示在预先加载所有必需的图像之前,动画不能顺利运行.
$(".holder").hide();
preloadImages($(".holder img"),6);
$(".holder").fadeIn("slow");
我想我需要某种回调,但我不确定如何实现它.
