Zurb Foundation Orbit：懒惰加载？

Question

我对orbit的图像滑块foundation感到非常满意，但它不支持延迟加载开箱即用。我知道Interchange，但那不是我想要的。

我发现this discussion有fork作为解决方案。我想避免使用并希望扩展代码，以保持我的文件可升级。

on('before-init.fndtn.orbit')没有event。

有谁知道，如何解决这个问题？

提前致谢！

Answer 1

我切换到slick，因为没有正确的方法可以使用开箱即用的延迟加载轨道，我问这个问题的时间。

几个月后，我仍然对光滑感到满意。

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

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

Answer 2

这可能取决于您的确切用例，但我能够这样做：

• 在模板中从轨道容器中删除data-orbit，以防止其自动初始化： <div class="orbit" role="region" aria-label="my gallery">
• 使用jQuery.lazy()或类似的库来延迟加载图片。我使用了data-src：<img class="orbit-image" data-src="/path/to/image.jpg" alt="description">
• 当图像延迟加载时（例如在回调中），重新添加data-orbit属性，并重新初始化轨道容器的基础。 $gallery.find('.orbit').attr('data-orbit', '').foundation();