如何在Jquery Cycle插件中的現有幻燈片之間添加新幻燈片？

Question

使用Jquery循環插件時，我希望能夠在現有幻燈片之間動態插入幻燈片，而不僅僅是在最後。

這是我事先用

function onBefore(curr, next, opts) { 
    //Adding new slide 
    opts.addSlide(item); 

//item has dynamic slide data which is going to added to the existing slides. 
} 

感謝代碼！

Answer 1

您可以在任何位置添加一張幻燈片，您只需等待週期在您需要的幻燈片之前。這很有效，因爲您只需在需要顯示幻燈片和想要的位置時添加幻燈片即可。

function onBefore(curr, next, opts) { 

    // on the first pass, addSlide is undefined (plugin hasn't yet created the fn); 
    // when we're finshed adding slides we'll null it out again 
    if (!opts.addSlide) 
     return; 


    //add any type of logic here to make sure that you are in the position 
    //where you want to add your slide 
    if ($(curr).index() === 8 && $(next).index() === 9) { 
     //Adding new slide 
     opts.addSlide(item); 
    } 
}