我试图在页面加载时将图像滑入页面,我的脚本工作正常,但是当图像没有被检查时,它首先加载图像,然后执行脚本。我试图预加载图像,但仍然出现故障。
这是一个测试链接: http: //luvly.co.nz/space/akatarawa-road.html
这是我一直在处理的脚本:
预载
$.fn.preload = function() {
this.each(function(){
$('<img/>')[0].src = this;
});
}
// Usage:
$(['images/aka/aka1.2.jpg',
'images/aka/aka2.jpg',
'images/aka/aka3.jpg',
'images/aka/aka4.jpg',
'images/aka/aka5.jpg',
'images/aka/aka6.jpg',
'images/aka/aka7.jpg',
'images/aka/aka8.jpg',
'images/aka/aka9.jpg',
'images/aka/aka10.jpg']).preload();
滑块:
$(function() {
$("#1-slide").one('load', function () {
$(this).show("slide", { direction: "right" }, 1000);
}).each(function() {
if(this.complete) $(this).load();
});
});
另外我知道我不应该使用数字来启动 ID,但它目前仅用于测试目的。