YUI 图像加载器折叠上方的图像直到滚动事件才加载

发布于 2024-08-28 19:07:12 字数 580 浏览 4 评论 0原文

我有一个在 window.onload 事件上调用的函数来创建一组图像并通过滚动事件进行渲染。

function LoadImages(){  
    var foldGroup = new YAHOO.util.ImageLoader.group(window, 'scroll'); 
    for(var i=0; i<someCounter; i++){
        var locationId = locationsArr[i];
        foldGroup.registerSrcImage('Location_' + locationId, GetImageDomain()+'/templates/Includes/imagehandler.ashx?locationId=' + locationid);
    }
    foldGroup.foldConditional = true; 
    foldGroup.addTrigger(window, 'resize');
}

我遇到的问题是，当页面加载时，“首屏”的图像在滚动之前不会呈现。有解决此问题的任何提示吗？我完全不是 js/前端人员:)

提前致谢！

原文

I have a function that is called on the window.onload event to create a group of images and render via the scroll event.

function LoadImages(){  
    var foldGroup = new YAHOO.util.ImageLoader.group(window, 'scroll'); 
    for(var i=0; i<someCounter; i++){
        var locationId = locationsArr[i];
        foldGroup.registerSrcImage('Location_' + locationId, GetImageDomain()+'/templates/Includes/imagehandler.ashx?locationId=' + locationid);
    }
    foldGroup.foldConditional = true; 
    foldGroup.addTrigger(window, 'resize');
}

The problem I'm having is that when the page loads, the images "above the fold" are not rendered until I scroll. Is there any tips on troubleshooting this? I'm totally not a js/frontend guy :)

Thanks in advance!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

记忆里有你的影子 2024-09-04 19:07:12

由于 ImageLoader 实用程序使用页面加载来检查图像位置，因此您需要在该点之前创建组并注册图像。正如您所发现的，要么是内联的，要么是在 DOM 准备好的时候，如 Tivac 所建议的。

对 ImageLoader 进行了更改来解决此问题，但直到下一个 YUI 2 版本才可用。您可以在这里关注 - http://yuilibrary.com/projects/yui2/ticket/2527646< /a>

回复收藏 0 原文

落日海湾 2024-09-04 19:07:12

我只是尝试了这个内联，效果很好：

<script type="text/javascript">
var foldGroup = new YAHOO.util.ImageLoader.group(window, 'scroll'); 
for(var i=0; i<someCounter; i++){
    var locationId = locationsArr[i];
    foldGroup.registerSrcImage('Location_' + locationId, GetImageDomain()+'/templates/Includes/imagehandler.ashx?locationId=' + locationid);
}
foldGroup.foldConditional = true; 
foldGroup.addTrigger(window, 'resize');</script>

如果有人有更好的答案，我肯定会感兴趣。

I just tried this inline instead and it worked fine:

<script type="text/javascript">
var foldGroup = new YAHOO.util.ImageLoader.group(window, 'scroll'); 
for(var i=0; i<someCounter; i++){
    var locationId = locationsArr[i];
    foldGroup.registerSrcImage('Location_' + locationId, GetImageDomain()+'/templates/Includes/imagehandler.ashx?locationId=' + locationid);
}
foldGroup.foldConditional = true; 
foldGroup.addTrigger(window, 'resize');</script>

In case anyone has a better answer, I'd definitely be interested.

回复收藏 0 原文