Tag: jquery lazyload
jQuery.lazyload用于打印
试图让jquery.lazyload用于打印和打印媒体查询。 它几乎在Chromium中有效。 但是，它只会显示在“屏幕”上，而不会显示在“打印”输出中。 不确定这是否是由于lazyload的异步性质或我的误用造成的。 这是我到目前为止所得到的： $(document).ready(function() { if (Modernizr.mq(‘only all’)) { // check of mq support print_mq = window.matchMedia(‘print’) print_mq.addListener(function(mql) { if (mql.matches) { $(“img.lazy”).trigger(‘appear’); // load lazy loaded imags before print } }); } else { window.onbeforeprint = function () { $(“img.lazy”).trigger(‘appear’); } } }); 我在挖掘源头后才发现.trigger(‘appear’) 。 它可以在chrome的开发工具或firebug中运行。 但是，在此上下文中运行时行为似乎不同，我无法弄清楚原因。 我很欣赏任何关于如何使其适用于打印机媒体的猜测。
在水平滑块中延迟加载图像
我懒得用jquery lazyload和一个阈值加载这个站点上的图像： https ： //bm-translations.de/#leistungen //Lazyload Images with Threshold https://www.appelsiini.net/projects/lazyload $(function() { $(“img.lazy”).lazyload({ threshold : 400 }); }); 所以Images src被data-original取代。 当我滚动到元素时，它应该将其更改为src ，就像它一样。 但出于某种原因，它加载引导滑块中的图像太慢（ 当我点击它或它的自动滑动一些图像没有加载 ），你可以看到。 如何调整此代码，以便它也适用于此？ 滑块的结构如下： https ： //www.w3schools.com/bootstrap/bootstrap_carousel.asp Carousel JS是： $(‘#myCarousel’).carousel({ interval: 9000, }); // handles the carousel buttons $(‘[id^=carousel-selector-]’).click( function(){ var id_selector = $(this).attr(“id”); var id = id_selector.substr(id_selector.length -1); id = parseInt(id); […]
延迟加载插件和Jscroll不能一起工作，图像没有加载
我使用了jscroll插件，并在我的应用程序中使用了延迟加载插件。 现在滚动我的内容是正确加载和替换，但我的图像没有加载。 看我的代码： – $(‘#product-grid’).jscroll({ debug: true, autoTriggerUntil: 2, nextSelector: ‘.pager a:last’, contentSelector: ‘.product-grid’, callback:call() }); function call() { alert(“hi”); $(“img.lazy”).lazyload(); } 现在在上面的代码中看到我使用了一个回调函数但是在所有滚动后它都没有调用。 为什么？ 谁能帮我 ？ 我也有另一个问题。 我设置了autoTriggerUntil：2，但在2次触发后没有任何下一个链接，所以我该如何解决这个问题。 请回复 我需要帮助 问候，vinit
如何在firefox中处理“图像损坏或截断”
插入 我正在使用一个名为lazyload的jQuery插件。 这样做的是lazy加载图像 – 这意味着它不会在浏览器中呈现它们，直到图像在视口范围内。 例如，当您拥有包含许多图像的页面时，这非常有用，并且您不希望它在初始加载时永远消耗。 FIREFOX 好的，所以我也使用Firefox版本23.0.1 问题 插件很棒，但是当在一些图像之后向下滚动时，我开始得到图像无法加载的错误（只有一个通用的占位符用于损坏的图像链接），并在控制台中记录： Image corrupt or truncated: [image url] 并不是图像有问题。 它们都可以单独渲染。 它不是SPECIFIC图像，因为它是随机的。 如果我再次加载页面，现在可能会加载corrupt的图像，其他图像返回断开的链接并在控制台中记录corrupt 。 我四处寻找这个，似乎同时提取 src标签存在一些问题。 可能应该在获取时设置延迟，但是你不能总是知道延迟应该有多长。 如果一个图像比另一个图像大，它仍然可能会发生冲突（静态延迟时间，而不是complete回调）。 因此， 我想要求： a）如果有人知道解决方案（例如在发生错误时捕获并重新触发加载图像function） b）如果任何人可以向上面的库（lazyload）提出$.extend() ，它将创建一个回调函数并等到所有活动的提取complete后再加载下一个（如果这是问题 – 我不确定是否它是） 我不是一个jQuery忍者所以我在代码上有点迷失。 我可以搞清楚，但它可能很脏…… c）如果这不是问题，那么我可以理解如何解决这个问题
jquery-dzyables中的jquery-lazyload图像
使用datatables javascript插件，我想在分页表中显示10k个小图像。 因为我加载太多，我得到错误。 我想只在它们出现时才加载这些图像，所以我找到了lazyload插件 。 但是，图像最初根本不显示。 我必须手动输入 $(“img.lazy”).lazyload(); 在浏览器控制台中。 然后只加载屏幕上的图像 （即当我向下滚动时，我看到所有其他图像都已卸载）。 这certificate至少插件有点工作。 使用数据表有什么特别之处吗？ 我是否必须每秒脚本地触发延迟加载？ 谢谢 ！
