Jquery 如何改变预加载功能？

我需要有关我网站上代码的帮助。当你第一次打开它的时候，幻灯片直到所有的图片都被加载才开始（我想），客户不喜欢等待，所以我的问题是，有人能告诉我一种按需加载图片的方法吗？或者至少加载第一个图像，然后加载其他图像

代码

/0）
卷轴（'bt'）；
其他的
滚动（“tb”）；
返回false；
});
//按键事件-向下/向上按钮触发向下/向上滚动
$（文档）.keydown（函数（e）{
如果（$tf_bg_img.is（':animated'））
返回false；
开关（e.which）{
案例38：
卷轴（'bt'）；
打破
案例40：
滚动（“tb”）；
打破
}
});
}
//显示下一个/上一个图像
功能滚动（dir）{
//如果dir为“tb”（顶部->底部）增量电流，
//否则，如果“bt”减少它
电流=（dir='tb'）？电流+1：电流-1；
//我们想要一个圆形幻灯片，
//所以我们需要检查电流的极限
如果（电流==总）电流=0；
否则，如果（电流<0）电流=总-1；
//翻转拇指
$tf_拇指翻转({
方向:dir，
速度:400,，
onBefore:function（）{
//新拇指在这里
var内容=“”；
内容+=''；
$tf_thumbs.html（内容）；
}
});
//我们得到下一张图片
var$tf_bg_img_next=$tf_bg_images.eq（当前），
//它的尺寸
dim=getImageDim（$tf\u bg\u img\u next），
//顶部应该是使图像脱离视口的顶部
//图像应根据方向向上或向下放置
top=（dir='tb'）？$（window.height（）+'px'：-parseFloat（dim.height，10）+'px'；
//设置返回值并显示下一个图像
$tf_bg_img_next.css({
宽度：dim.width，
高度：dim.height，
左：暗淡，左，
顶端：顶端
}).show（）；
//现在将其滑动到视口
$tf\u bg\u img\u下一步。停止（）。设置动画({
顶：昏暗的顶
},700);
//我们希望旧图像以相同的方向滑出视口
var slideTo=（dir=='tb'）？-$tf_bg_img.height（）+'px'：$（window.height（）+'px'；
$tf_bg_img.stop（）.设置动画({
顶部：幻灯片
}，700，函数（）{
//藏起来
$（this.hide（）；
//$tf_bg_img现在是显示的图像
$tf_bg_img=$tf_bg_img_next；
//显示新图像的描述
$tf_content_wrapper.children（）
.eq（电流）
.show（）；
});
//隐藏当前描述
$tf_content_wrapper.children（“：visible”）
.hide（）
}
//设置图像动画以适合视口
函数调整大小（$img）{
var w_w=$（窗口）.width（），
w_h=$（窗口）.height（），
i_w=$img.width（），
i_h=$img.height（），
r_i=i_h/i_w，
新的，新的；
如果（i_w>i_h）{
new_w=w_w；
new_h=w_w*r_i；
如果（新建>新建）{
new_h=w_h；
新的w=w w h/r i；
}
}   
否则{
new_h=w_w*r_i；
new_w=w_w；
}
$img.animate({
宽度：新的_w+‘px’，
高度：新_h+‘px’，
顶部：“0px”，
左：“0px”
},350);
}
//获取图像的尺寸，
//以使其完全尺寸和居中
函数getImageDim（$img）{
var w_w=$（窗口）.width（），
w_h=$（窗口）.height（），
r_w=w_h/w_w，
i_w=$img.width（），
i_h=$img.height（），
r_i=i_h/i_w，
新的，新的，
新左，新上；
如果（r_w>r_i）{
new_h=w_h；
新的w=w w h/r i；
}
否则{
new_h=w_w*r_i；
new_w=w_w；
}
返回{
宽度：新的_w+‘px’，
高度：新_h+‘px’，
左：（w_w-new_w）/2+‘px’，
顶部：（w_h-新_h）/2+‘px’
};
}
});
//]]>

您可以尝试从jQuery选择器中排除第一个图像：

$('.photos').not('.exclude-photo').preload();

另一个选择可能是，看看API是否更符合您的目标。

Quote OP：“有人能告诉我吗？”

$('.photos').not('.exclude-photo').preload();