JavaScript图像滑块，可在页面加载后添加更多幻灯片

Question

我目前正在构建图像滑块页面。该滑块加载10个图像，并且随着用户接近这10个图像的末端，它将加载10个图像，并且无限加载。即喜欢：

if (currentSlideNumber = allSlides.length - 2) { get more slides } 

新幻灯片动态添加为DOM元素 - img标签与srcs。

很明显，无数的js滑块插件和选项可用，但据我所知，它们都不是用来处理这种用法的。这通常如何处理？

编辑： 我能通过lightSlider得到一个工作解决方案。我的js函数在li标签内添加了img标签，然后调用slider.refresh（），这会强制滑块重新扫描DOM，并对新的DOM元素执行必要的操作以将它们添加到滑块中。

Answer 1

好的。让我们这样说吧。要使用

图书馆Slick.js

你打算怎么使用呢？

这是你的HTML

<div class="slider lazy"> 
    <div><div class="image"><img data-lazy="someImage.jpg"/></div></div> 
    ... 
</div> 

而且我认为这个脚本会做的伎俩：

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