如何在延迟加载时使图像可见

我想使用jquery“延迟加载”一堆图片，但加载页面时它们不会出现在屏幕上。我知道xhtml，基本的js和css。我已经看到许多不同的解决方案来“延迟加载”，但我还没有能够让他们任何工作。如何在延迟加载时使图像可见

这是代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
    <script src="https://raw.github.com/tuupola/jquery_lazyload/master/jquery.lazyload.min.js"></script> 
<body> 
    <img data-original="image.jpg" width="640" height="480" class="lazy"> 
    <img data-original="image.jpg" width="640" height="480" class="lazy"> 
    <img data-original="image.jpg" width="640" height="480" class="lazy"> 
    <img data-original="image.jpg" width="640" height="480" class="lazy"> 
    <img data-original="image.jpg" width="640" height="480" class="lazy"> 
    <img data-original="image.jpg" width="640" height="480" class="lazy"> 
    <script>$("img.lazy").lazyload();</script> 
</body> 
</html>

我的问题是：它是什么，我做错了，这样，当我加载页面的文件“image.jpg的”不会出现。

来源

2014-10-20 fran narf

你使用自己的源码或直接从github链接？ – 2014-10-20 15:05:06

如果您正在使用从GitHub源，并直接链接到您的项目，一个错误将被抛出：

拒绝执行从“https://raw.github.com/tuupola/jquery_lazyload/master/jquery.lazyload.min.js”脚本，因为它的MIME类型（'text/plain'）不可执行文件，并启用严格的MIME类型检查。

请确保您有本地副本并在本地执行。

本地检查，它执行得很好！ :)您使用的代码是正确的，除了热链接的JavaScript。

来源

2014-10-20 15:06:58

感谢您回答如此之快！如果我理解正确，我必须将JavaScript放在单独的文件（例如lazy.js）上，并通过“

如何在延迟加载时使图像可见

回答

相关问题