Je dispose d'un problème pour réinitialiser les nouvelles diapositives sur FlexSlider après un rappel et 4 diapositives ont été glissées / utilisées, elle ne fonctionnera pas.
là un jsfiddle que vous voudrez peut-être vérifier.
Notez également qu'ils ont mis en œuvre de nouvelles fonctions sont diapositive.add () et diapositives.remove () via https: // github .Com / Woothemes / FlexSlider Il n'y a aucune autre information sur ces nouvelles fonctions. Je ne savais pas comment les utiliser, puis je l'ai essayé mais ça n'a pas fonctionné.
J'aurais besoin d'une fonction comme un cycle lorsque vous balayez le dos, il restaure les anciennes diapositives et supprime de nouvelles diapositives, puis vous balayez FOODARD, il supprime de vieilles diapositives et ajoutez de nouvelles diapositives en raison de la performance de mémoire DOM sur des appareils mobiles.
Toute aide ou suggestion comme Iframe, AJAX Charger HTML sur ceci serait vraiment apprécié.
Merci!
3 Réponses :
J'ai creusé dans le code et j'ai trouvé le paramètre $(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
controlNav: false,
directionNav: true,
slideshow: false,
animationLoop: false,
end: function(slider){
//When 4 slides are done, it creates a callback function, but the slider is broken.
alert("Callback after of 4 slides");
slider.addSlide('<li><img title="Random 2." src="http://i.imgur.com/i32ru.jpg"> <p class="flex-caption">Captions and cupcakes. Winning combination.</p> </li>');
slider.addSlide('<li><img title="Random 2." src="http://i.imgur.com/6sMlb.jpg"> <p class="flex-caption">Captions and cupcakes. Winning combination.</p> </li>');
}
});
});​
C'est assez cool !, Ne regarde pas le moyen de supprimer des diapositives après le rappel.
J'ai pu résoudre le problème avec une propriété explorant:
Utilisez la fonctionnalité de décalage de slider.addslide pour spécifier l'index de votre nouvelle diapositive. Par exemple:
Je ne comprends pas ce que vous essayez de faire. Vous essayez de charger de manière dynamique chaque image lors de la glissant et de retirer l'image de glisser? Que doivent faire les 4 diapositives avec quoi que ce soit? S'il vous plaît élaborer.
Vous pouvez voir ce jsfiddle, lorsque le rappel se produit après les 5 diapositives suivantes, il devrait faire un Ajax pour charger de nouvelles diapositives et enlever 5 vieilles diapositives. Assurez-vous également que si vous faites des diapositives précédentes, il faut éliminer 5 nouvelles diapositives et charger 5 coulisses anciennes, c'est comme un cycle.
J'ai exactement le même problème, Ivan. J'ai lu des réponses de Tyler lui-même aux questions similaires à celles-ci disant "réinitialiser le FlexSlider". Eh bien, j'ai essayé cela et j'ai des résultats similaires au vôtres. J'appelle récursivement la fonction FlexSlider, mais elle vient tout de même la rétablir et ne pas "réindexer" le nombre de diapositives et la position.
Oui Rob, j'ai remarqué qu'il ne reviendra pas, donc ça me fait me demander 2 fonctions comme diapositive.add () et diapositive.remove (), je pense que nous devons attendre qu'ils doivent mettre à jour la documentation.
Dans le GITUB README, il est indiqué que
addslide () a besoin de deux paramètres:slider.addslide (obj, pos) accepte deux paramètres, un objet String / JQuery et un index.