带有延迟加载的jQuery水平图像滑块

Question

我目前正在构建水平网格图像滑块。 我想延迟加载图像，所以我只想显示当前仅在视口中的图像。

我遇到了http://www.appelsiini.net/projects/lazyload ，它非常适合垂直滑动的元素。

有没有人遇到这样的东西进行水平滑动？

这是我目前在延迟加载中使用的功能：

$(".lazy").each(function(i, val) {
    $(this).attr("src", $(this).attr("data-original"));
    $(this).fadeIn();
});

能适应水平工作吗？

Answer 1

我使用Flexslider处理水平滑动（ 示例 ）。 您可以使用以下答案在其中添加延迟加载： Flexslider中的延迟加载