加载页面时，将图像滑动到页面中
加载页面时，将图像滑动到页面中
提问于 2013-03-08 06:24:30
我试图在页面加载时将图像滑入页面，但当图像尚未缓存时，我的脚本工作正常，它首先加载图像，然后执行脚本。我已经尝试预加载图像，但仍然得到了glich。
这是一个测试链接：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，但它目前只是为了测试目的。
回答 1
Stack Overflow用户
发布于 2013-03-08 06:33:03
您只需要确保在运行脚本之前加载了图像，因此可以尝试执行以下操作：
<body>
<img src=image1.jpg" style="display:none" />
....
Your script calling此解决方案依赖于调用您希望首先出现在幻灯片中的图像，因此在运行脚本之前将其下载到缓存中。因此，它将首先被缓存
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15282965
复制相关文章
相似问题
腾讯云开发者
