Javascript 延迟加载js不工作。按照指示。挠头。参见链接

Javascript 延迟加载js不工作。按照指示。挠头。参见链接,javascript,jquery,lazy-loading,Javascript,Jquery,Lazy Loading,我真的需要延迟加载或类似的东西,因为这个页面将有10000张图片。有什么办法可以让这一切顺利进行吗?我错过了一些简单的东西吗?这里发生的事情是,在任何img元素存在之前,您正在调用页面头部的函数。改为尝试此操作-它会等到DOM准备就绪后再尝试应用lazyloading: <script type="text/javascript"> $(function(){ $("img").lazyload({ placeholder : "img/gre


我真的需要延迟加载或类似的东西,因为这个页面将有10000张图片。有什么办法可以让这一切顺利进行吗?我错过了一些简单的东西吗?

这里发生的事情是,在任何img元素存在之前,您正在调用页面头部的函数。改为尝试此操作-它会等到DOM准备就绪后再尝试应用lazyloading:

<script type="text/javascript">
    $(function(){
        $("img").lazyload({
        placeholder : "img/grey.gif",       
        effect      : "fadeIn"
        });
    });
</script>

$(函数(){
$(“img”).lazyload({
占位符:“img/grey.gif”,
效果:“法丹”
});
});

这个例子来自。

这里发生的事情是,在任何img元素存在之前,您正在调用页面头部的函数。改为尝试此操作-它会等到DOM准备就绪后再尝试应用lazyloading:

<script type="text/javascript">
    $(function(){
        $("img").lazyload({
        placeholder : "img/grey.gif",       
        effect      : "fadeIn"
        });
    });
</script>

$(函数(){
$(“img”).lazyload({
占位符:“img/grey.gif”,
效果:“法丹”
});
});

此示例来自。

要帮助您解决获取firebug的问题,请打开firebug部分,然后选择net选项卡。这将显示向服务器发出的每个请求和来自服务器的响应。您还需要打开“错误控制台”,以确保javascript代码实际正在运行(没有语法错误),从而阻止您到达那里

然而,对于你正在使用的页面,哎哟


你到底为什么要这样做?

要帮助你解决获取firebug的问题,请打开firebug部分,然后选择net选项卡。这将显示向服务器发出的每个请求和来自服务器的响应。您还需要打开“错误控制台”,以确保javascript代码实际正在运行(没有语法错误),从而阻止您到达那里

然而,对于你正在使用的页面,哎哟



你到底为什么要这么做?

首先,你的lazyload插件链接是404。这可能是“简单的事情”:)哦,我真傻。谢谢你帮助初学者!可以我修好了。对初学者来说,你的lazyload插件链接是404。这可能是“简单的事情”:)哦,我真傻。谢谢你帮助初学者!可以我修好了。还是没有。所以我用你的剧本替换了我的剧本。那是我应该做的还是我应该把它放在体内?我也试着把它放在body标签中,结果都是:在所有图像加载后,它现在看起来是用grey.gif替换所有图像。谢谢你看这个…是的,这应该取代你的脚本标签。你能帮我一个忙,再试试密码吗?(我已经更改了。)它似乎正在替换所有10k图像,而且似乎很难做到这一点。@quixoto向jQuery函数传递匿名回调是$(document.ready(…)的替代方法@约翰:时髦!每天学习新的东西。好的。我得去找我的猫。在外面迷路了。用你的新代码更新。新的有趣的发展。它现在至少在加载视图端口内的图像后停止加载图像。然而,它的行为非常有趣。让图像加载。向下滚动。看看它是如何冻结一点,并没有显示fadeIn效应。好像在工作。。非常笨重,所以我用你的剧本替换了我的剧本。那是我应该做的还是我应该把它放在体内?我也试着把它放在body标签中,结果都是:在所有图像加载后,它现在看起来是用grey.gif替换所有图像。谢谢你看这个…是的,这应该取代你的脚本标签。你能帮我一个忙,再试试密码吗?(我已经更改了。)它似乎正在替换所有10k图像,而且似乎很难做到这一点。@quixoto向jQuery函数传递匿名回调是$(document.ready(…)的替代方法@约翰:时髦!每天学习新的东西。好的。我得去找我的猫。在外面迷路了。用你的新代码更新。新的有趣的发展。它现在至少在加载视图端口内的图像后停止加载图像。然而,它的行为非常有趣。让图像加载。向下滚动。看看它是如何冻结一点,并没有显示fadeIn效应。好像在工作。。非常笨重。为什么我想让它不加载视图端口下面的内容,或者为什么我想让页面上有10000个图像?前者是因为我觉得它可以让用户不必一次下载页面上的所有图像,而是在向下滚动时将它们分块加载。梯子的答案是因为那正是我想要的。我希望一页上有10000张图片。你有更好的方法一次在一个页面上获得10000张个人图片吗?我欢迎任何关于如何做到这一点的建议。好吧,我可能会考虑使用背景图像,并将大范围的背景组合成一个大的精灵图像。10000个单独的图像将扼杀用户的性能。看看谷歌地图在图像平铺变得可见时所采用的方式。这很好,我理解为什么这是一种更好的方式。我只是有一个非常严格的要求:它们必须是独立的图片。然后我建议你从谷歌地图上取一个页面,只加载可见的图片。它从未在我的浏览器上完成加载,但它确实使我的浏览器没有响应。有时候严格的要求会阻碍好的解决方案,有时候项目就是不可能。如果不遵守这个项目的严格要求,它就完全变成了另一个项目(我对这个项目不太感兴趣)。我很好,会继续的。我向SOF社区提出的问题是具体的。如果没有一个有用的答案,请填写sage words。为什么我要让它不加载视图端口下方的内容,或者为什么我希望页面上有10000个图像?前者是因为我觉得它可以让用户不用下载所有的图片