Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 仅在焦点/目标上加载图像_Jquery_Image_Load - Fatal编程技术网

Jquery 仅在焦点/目标上加载图像

Jquery 仅在焦点/目标上加载图像,jquery,image,load,Jquery,Image,Load,我有大约300多个图像,每个大小为50-100kb。服务器在加载页面上加载所有图像时花费了太多时间。如何在google books上加载图像?这称为“延迟加载”。展示了如何使用最流行的JS框架实现这一点 例如,在jQuery中,您可以使用: HTML: 你有没有像jcaraousal这样的滚动类的东西,用于图像或在一页中显示所有300个图像?? <script src="jquery.js" type="text/javascript"></script> <scr

我有大约300多个图像,每个大小为50-100kb。服务器在加载页面上加载所有图像时花费了太多时间。如何在google books上加载图像?

这称为“延迟加载”。展示了如何使用最流行的JS框架实现这一点

例如,在jQuery中,您可以使用:

HTML:


你有没有像jcaraousal这样的滚动类的东西,用于图像或在一页中显示所有300个图像??
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.lazyload.js" type="text/javascript"></script>
...
<img class="lazy" src="img/grey.gif" data-original="img/example.jpg"
     width="640" heigh="480">
$("img.lazy").lazyload();