Tag: 懒惰加载

LazyLoad插件

我正在使用jQuery Lazy Load在页面上加载缩略图我有一个每页大约100多个缩略图的列表。 这个插件工作得很完美,直到我引入插件Quick Pagination一次显示九个缩略图并为用户提供下一个和上一个。 当单击“下一个”或“上一个”时,您将获得灰色占位符图像,因为页面滚动不再是一个因素。 我尝试了不同的事件,甚至创建了自己的事件,这只会加载所有缩略图,甚至是(下一个和上一个)阈值以下的缩略图。 有没有触发滚动事件? 喜欢这个人做过> http://blog.3circlestudio.com/development/how-to-use-lazy-load-with-easy-slider-1-7/ 我也尝试过这个,没有运气。 $(‘.thumbs’).lazyload({ placeholder:’/thumbnail.gif’ }); 没有Quick Pagination和滚动关于作品! $(‘#thumbnails’).paginate({ pager: $(‘div#pagination’) }); 介绍paginate工作以生成每个9个缩略图的列表,打破lazyload。 我猜我想问的是,每次点击Next链接时如何调用缩略图。

懒加载博客post

我有一个博客文章列表,这个数字已达到25+,但它只在一页中,所以我需要尝试构建一个懒惰的加载器。 我尝试了各种插件但没有一个正常工作 http://jsfiddle.net/tara_irvine/S9GGz/6/ http://jsfiddle.net/tara_irvine/S9GGz/9/ http://jsfiddle.net/tara_irvine/S9GGz/13/ 有没有办法检查div的顶部值,如果它在视图中,则添加一个类,以便div变为可见(页面加载div被隐藏) 我看过这些post,但在尝试了各种解决方案后,没有一个对我有用。 如何使用jquery 相对于视口顶部的位置Div 来检查元素是否在用户视图中 如果有人能对此有所了解,我将非常感激。 我不知道我哪里出错了。 非常感谢

jQuery无限滚动/延迟加载

我正在重新设计我的网站,并一直在寻找使用JavaScript和jQuery。 这是我到目前为止: http : //www.tedwinder.co.uk/gallery2/ 。 我的愿景是将所有照片放在一个页面上,用户可以像现在一样滚动浏览。 但是,我理解在一个页面上有50多个大图像的限制和影响,并考虑使用无限滚动和延迟加载,我理解只会在用户到达时加载图像,或者当他们点击时“更多”链接? 所以,我的问题是:这会减少页面加载,我将如何实现无限滚动/延迟加载,这会有效地工作,还是你能想到更有效的方法吗? 谢谢,特德

jQuery LazyLoad在滚动之前不加载图像

jQuery LazyLoad不会在打开页面的可见部分加载图像,直到我在1px上滚动页面。 当我滚动页面所有工作正确 更新: CoffeScript jQuery -> $(“img.lazy”).show().lazyload() $(window).resize() 但是$(window).resize()只有在我加载页面时从浏览器的控制台输入它才有帮助

AngularJS:延迟加载控制器和内容

在这个简化的场景中,我有两个文件:index.htm,lazy.htm。 index.htm的: var myApp = angular.module(‘myApp’, []); myApp.controller(’embed’,function($scope){ $scope.embed = ‘Embedded Controller’; }); {{embed}} lazy.htm myApp.controller(‘lazy’,function($scope){ $scope.lazy = ‘Lazy Controller’; }); {{lazy}} 结果是一个错误:“Argument’lazy’不是函数,未定义” 改为使用函数 lazy.htm function lazy($scope) { $scope.lazy = ‘Lazy Controller’; } {{lazy}} 这可以使用到版本1.3 beta 14.在beta 15中删除了全局控制器function: https : //github.com/angular/angular.js/issues/8296 那么现在,动态获取lazy.htm的愤怒内容的更好方法是什么? 更新: 在本文( http://ify.io/lazy-loading-in-angularjs )中,我找到了另一种可能的解决方案。 $ controllerProvider允许我们在角度引导之后注册新的控制器。 奇迹般有效。 在v1.3.0-beta.18中测试 index.htm的: var myApp = angular.module(‘myApp’, […]