6
votes

Ajouter ou supprimer des diapositives à l'aide de jQuery FlexSlider

est-il possible d'ajouter ou de supprimer des diapositives dans l'exécution à l'aide de flexslider ?


1 commentaires

Besoin d'aide sur ce sujet aussi. J'ai le même problème. Mon cas, c'est moi avoir une première diapositive que je veux supprimer après avoir été montrée la première fois. Toute aide serait très appréciée! J'ai enlevé la div en utilisant $ ('div'). Supprimer (); Mais maintenant, nous devons mettre à jour le curseur.slides.


4 Réponses :


0
votes

La mise en œuvre effective de FlexSlider ne le supporte pas.

Si vous modifiez l'implémentation réelle pour renvoyer l'objet du curseur, vous pouvez arrêter le curseur, retirez la diapositive que vous souhaitez, puis recréez le curseur.


0 commentaires

14
votes

La nouvelle version de FlexSlider 2 prend déjà en charge ces méthodes.

slider.addslide (obj, pos) accepte deux paramètres, un objet String / JQuery et un index. slider.removeslide (obj) Accepte un paramètre, un objet à supprimer ou un index.


4 commentaires

Mais comment puis-je accéder à l'objet du curseur?


Avec .addslide () et .Removeslide () - Vous ne pouvez accéder à l'objet du curseur dans le Démarrer et fin Propriétés.


@Zhen Vous pouvez créer l'objet du curseur comme celui-ci: var curseur = $ ("flexlider '). Données (" flexlider "); et l'utiliser comme suit (0) ;


Et quelles seront les données de l'objet à ajouter à FlexSlider? J'essaie ces données var obj = "

  • "+" "slider.addslide (obj, index); Mais il montre une espace blanche sans image.



  • 1
    votes

    Ceci est juste ce que j'ai vu après avoir regardé ce fil.

    Le curseur et l'objet carousel peuvent être instanciés et ajoutés à celui-ci: xxx

    Le clic sur le carrousel pour faire défiler jusqu'à l'image particulière ne fonctionne pas, mais les boutons de défilement sur les deux travaux.


    0 commentaires

    0
    votes

    Après avoir essayé de nombreuses idées différentes, j'ai reçu cette solution pour ajouter ou supprimer une nouvelle image ou une nouvelle vidéo dans FlexSlider de manière dynamique et sa fonction de fonctionnement.

    JQUERY CODE: P>

    <input type="file" id= "add2" multiple>
    <button id="remove" onclick="remove()" value="Remove">Remove</button>
    


    0 commentaires