1

我正在使用大量图像创建一个门户。为了流畅，我向这个门户添加了延迟加载插件

这是插件http://www.appelsiini.net/projects/lazyload

我使用此代码来初始化插件：

$(function () {
    $("img.lazy").lazyload({
        effect: "fadeIn"
    });
});

图片网址是这样的：

<a href="#">
    <img src="/public/images/dflt_03.jpg" data-original="<?php echo $this->magImg;?><?php echo $top['img_path'];?>" width="180" height="230" alt="cover" class="lazy">
</a>

这非常有效。但我的问题是加载页面后没有显示图像。鼠标滚动后，这将显示图像。我想在滚动之前显示一些图像。

4

2 回答 2

1

没有为您的 html 页面提供标记，但由于延迟加载的概念是仅在需要时才加载图像，即当它们出现在视口中时，可能会触发窗口或主体上的滚动或调整大小事件。在页面加载后尝试这些中的任何一个（或者，更好的是，在调用延迟加载完成回调时）：

$("html, body").trigger("scroll");
$(window).trigger("resize");
于 2013-05-13T12:35:52.120 回答
0

在此处查看修复建议

我检查了插件并在更新方法中更改了这一行：

if (settings.skip_invisible && $this.css('display') === 'none') {
//if (settings.skip_invisible && !$this.is(":visible")) {
于 2015-01-28T19:24:46.043 回答