Comment ajouter Nouvelle diapositive entre les diapositives existantes dans le plug-in Jquery Cycle?

Question

En utilisant le plugin de cycle de Jquery, je voudrais pouvoir insérer des diapositives dynamiquement entre les diapositives existantes et pas seulement à la fin.

C'est le code que je utilise

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. 
} 

Merci à l'avance!

Answer 1

Vous pouvez ajouter une diapositive dans n'importe quelle position, vous devez juste attendre que le cycle soit sur la diapositive avant celle dont vous avez besoin. Cela fonctionne très bien parce que vous allez ajouter la diapositive juste quand vous avez besoin de le montrer et dans la position que vous voulez.

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