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 
});