怎么用jquery 的data-lazy 直接执行效果,不要再另外写代码

Question

你想不写那个？是这个：
$("img.lazy").lazyload({
        /*placeholder: "themes/handuyishe/index/images/1.png",*/
        effect:"fadeIn",
        data_attribute:'src'
    });

Answer 1

我不想写 这一段
用下面的直接就有这个效果的那种
只要 img包含  data-lazy  就直接有效果,
<img class="lazy" iguid="24" data-lazy data-src="tup.jpg">

Answer 2

$("[data-lazy]")
这种东西直接去看jq的API就好了

Answer 3

调用lazyload的代码是肯定要写的!除非插件里面默认有调用.$(function(){
     if($("img.lazy").length>0){
         $("img.lazy").lazyload({
        /*placeholder: "themes/handuyishe/index/images/1.png",*/
          effect:"fadeIn",
          data_attribute:'src'
        });
      }
});
//可以把这个放入公共调用的js里面,以后要想调用这个效果就加个样式  lazy不知道你是不是这个意思!

Answer 4

一把src设置成默认的小图片，data-original自定义属性存储实际图片的地址要是src设置成实际地址，对大图片效果好，小图片基本都是直接加载的，lazyload只是动态设置src为默认的图片placeholder打断大图片的加载，实际部分的图片还是发送了请求