Fatal编程技术网
  • javascript/
  • Javascript ZURB基金会轨道：懒散加载？

Javascript ZURB基金会轨道：懒散加载？

javascript jquery performance zurb-foundation

Javascript ZURB基金会轨道：懒散加载？,javascript,jquery,performance,zurb-foundation,lazy-loading,Javascript,Jquery,Performance,Zurb Foundation,Lazy Loading,我很满意的是，的图像滑块，但它不支持延迟加载开箱即用。我知道，但那不是我想要的 我找到了一个解决方案。我希望避免使用fork，并希望扩展代码，以保持我的文件可升级 在（'before-init.fndtn.orbit'）上没有类似的 有人知道如何解决这个问题吗 提前谢谢 在我问这个问题的时候，我切换到了，因为没有合适的方法来使用orbit和延迟加载开箱即用 几个月后，我仍然对斯里克很满意 <img data-lazy="img/lazyfonz1.png"/> $('.lazy')

我很满意的是，的图像滑块，但它不支持延迟加载开箱即用。我知道，但那不是我想要的

我找到了一个解决方案。我希望避免使用fork，并希望扩展代码，以保持我的文件可升级

在（'before-init.fndtn.orbit'）上没有类似的

有人知道如何解决这个问题吗

提前谢谢
 在我问这个问题的时候，我切换到了，因为没有合适的方法来使用orbit和延迟加载开箱即用

几个月后，我仍然对斯里克很满意


<img data-lazy="img/lazyfonz1.png"/>

$('.lazy').slick({
  lazyLoad: 'ondemand',
  slidesToShow: 3,
  slidesToScroll: 1
});




$（'.lazy'）。光滑({
懒洋洋的：“ondemand”，
幻灯片放映：3，
幻灯片滚动：1
});

这可能取决于您的具体用例，但我可以这样做：


    

  • 在模板中，从动态观察容器中删除
    数据动态观察
    ，以防止其自动初始化：

    • 

  • 使用或类似的库延迟加载图像。我使用了
    数据src
    ：
    • 
当图像被延迟加载（例如回调）时，重新添加<代码>数据轨道< /代码>属性，并重新初始化轨道容器的基础。代码>$gallery.find（'.orbit'）.attr（'data-orbit'，''.foundation（）

试试这个：-它可以通过css配置，因此应该与Zurb兼容