2012-01-19 13 views
7

È possibile aggiungere o rimuovere le diapositive in runtime utilizzando FlexSlider?Aggiungere o rimuovere le diapositive utilizzando jQuery FlexSlider

+2

Ho bisogno di aiuto anche su questo argomento .. Ho lo stesso problema. Il mio caso è che io abbia una prima diapositiva che voglio cancellare dopo che è stata mostrata la prima volta. Qualsiasi aiuto sarebbe molto apprezzato! Ho rimosso il div usando $ ('div'). Remove(); ma ora dobbiamo aggiornare slider.slides. –

risposta

14

La nuova versione di FlexSlider 2 supporta già questo metodo.

slider.addSlide(obj, pos) accetta due parametri, un oggetto stringa/jQuery e un indice. slider.removeSlide(obj) accetta un parametro, un oggetto da rimuovere o un indice.

+2

Ma come posso accedere all'oggetto slider? – Zhen

+0

Con '.addSlide()' e '.removeSlide()' - è possibile accedere solo all'oggetto cursore all'interno delle proprietà 'start' e' end'. – Ojame

+9

@Zhen Puoi creare l'oggetto slider in questo modo: 'var slider = $ ('. Flexslider'). Data ('flexslider');' e usalo in questo modo 'slider.removeSlide (0);' – Simon27

0

L'effettiva implementazione di FlexSlider non lo supporta.

Se si modifica l'implementazione effettiva per restituire l'oggetto cursore, con questo oggetto è possibile interrompere il cursore, rimuovere la diapositiva desiderata e quindi ricreare il cursore.

1

Questo è proprio quello che ho visto dopo aver visto questo thread.

Il cursore e l'oggetto del carosello è possibile creare un'istanza e ha aggiunto come questo:

$('#slider').data('flexslider').addSlide(""); 

$('#carousel').data('flexslider').addSlide(""); 

Il click sulla giostra per scorrere fino al particolare immagine non funziona, ma i pulsanti di scorrimento su entrambi i lavori.

Problemi correlati