jQuery惰性负载的动画滚动

Question

我想使用Lazy load到我的网站，但有一个小问题：我用JS滚动内容（用X px动画化内容），所以我不使用滚动条。可悲的是，在这种情况下，延迟加载不会触发。有任何想法如何做到这一点？

我的网站横向滚动，所有的内容div -s浮动靠近对方，并且只有当前一个是可见的，所有其他的都在display: none;

这里是我的网站不那么亲PIC：我用黑色标记可见区域和红色的移动部分。

my site in pic

Answer 1

好吧，几个小时后，我决定使用JAIL。不是最好的解决方案，但比什么都没有，因为我对AJAX很笨JAIL aka jQuery Asynchronous Image Loader

Answer 2

所有我能想到的是钩到时内容的幻灯片，然后在添加图像或如果那是你的目标的全部内容用AJAX。插件通常会关注大部分用例，因此懒惰加载可能不适合您。

Answer 3

我只想写我自己的简单的延迟加载脚本：

$(function(){ 
    $('img').each(function(){ 
    var $this = $(this) 
    $this.data('origImg',$this.attr('src')) 
    $this.removeAttr('src') // or set a placeholder img 
    }) 
    var $window = $(window), $container = $('#sliding_content') 
    window.lazyLoad = function() { 
    $container.find('img:not([src])').each(function(){ 
     var $this = $(this), left = $this.offset().left 
     if (!(left < 0) && !(left > $window.width())) 
     $this.attr('src',$this.data('origImg')) 
    }) 
    } 
}) 

，然后在div的是动画，来电lazyLoad()。 让我知道这是否适合你。 :)