延迟加载jQuery,自定义触发器事件
是否可以强制Lazy Load“预加载”与Lazy Load插件连接的不可见映像?因此,当图像可见时,它已加载 我只找到了需要鼠标悬停或单击等交互的事件,但我的自定义脚本中没有不依赖于用户事件的事件延迟加载jQuery,自定义触发器事件,jquery,events,triggers,preload,lazy-loading,Jquery,Events,Triggers,Preload,Lazy Loading,是否可以强制Lazy Load“预加载”与Lazy Load插件连接的不可见映像?因此,当图像可见时,它已加载 我只找到了需要鼠标悬停或单击等交互的事件,但我的自定义脚本中没有不依赖于用户事件的事件 $("img.lazy").lazyload({ event : "click" }); 在此处找到解决方案: 在(如单击)功能中插入以下内容: $("img.lazy").each(function() { $(this).attr("src", $(this).attr("data-
$("img.lazy").lazyload({
event : "click"
});
在此处找到解决方案:
在(如单击)功能中插入以下内容:
$("img.lazy").each(function() {
$(this).attr("src", $(this).attr("data-original"));
$(this).removeAttr("data-original");
});
使用发布在那里的jQuery代码,这样您应该能够轻松地链接函数。
$(“img.lazy”).lazyload({skip_invisible:false})
skip_invisible参数仅涉及使用css隐藏的图像display:none
。这和视窗外的图像无关,这是完全错误的。上面的代码立即加载所有图像,基本上消除了延迟加载插件的任何积极效果。延迟加载与预加载完全相反。延迟加载意味着仅在需要时加载资源。预加载意味着在需要资源之前将其加载到缓存中。