手机端图片加载问题

问题描述

问 题

我在手机端Web开发的时候遇到一个问题，就是有时候图片加载非常慢，所以有没有什么解决方案可以解决这个问题，就是当图片加载慢的时候用默认的图片替换，或者可以说说你们在项目中是如何解决这个问题的，我可以借鉴和参考一下！！！

解决方案

其实说白了就是懒加载，一开始界面所有的图片都是显示默认图片：

<img class="lazy" src="默认图片" data-src="真正的图片">
<script>
$(function(){
    $('.lazy').each(function(){
        $(this).attr('src',$(this).data('src'));
    });
});

</script>

问题解决,这样图片没有加载完之前都是默认图片

这篇关于手机端图片加载问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！