我试用延迟加载图片 Lazy Load之后,达到了预期的图片延迟加载效果,
试用的JS如下:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.lazyload.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript" charset="utf-8">
$(function() {
$("img").lazyload({placeholder : "img/grey.gif"});
});
</script>但是,发现个问题,我页面中有QQ的在线客服,在线客服的图片却显示不出来
在线客服1代码如下:
<img border="0" align="absmiddle" SRC='http://wpa.qq.com/pa?p=1:1353119739:45' alt="点击这里给我发消息"> 客服1</a>不知道该如何解决,请教各位大虾~
试用的JS如下:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.lazyload.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript" charset="utf-8">
$(function() {
$("img").lazyload({placeholder : "img/grey.gif"});
});
</script>但是,发现个问题,我页面中有QQ的在线客服,在线客服的图片却显示不出来
在线客服1代码如下:
<img border="0" align="absmiddle" SRC='http://wpa.qq.com/pa?p=1:1353119739:45' alt="点击这里给我发消息"> 客服1</a>不知道该如何解决,请教各位大虾~
这样是所有的图片都lazy了吧
$("选择你要lazy的图片看看").lazyload({placeholder : "img/grey.gif"});
加name或是class或是自定义属性
$("这里的值怎么写?是写name或class的名称吗?").lazyload({placeholder : "img/grey.gif"});
$("img.needLazy").lazyload({placeholder : "img/grey.gif"});