Initiieren Sie den Flexslider erneut, um die Animation vom ersten Kind an zu starten

651
BeingShashi

Ich habe 3 Sets von div's: 

<div id="img_collections_g1" class="flexslider"> <ul class="slides productPic"> <li> <img id="img_gam_1" src="resources/desktop/Comp-1.png" /> </li> <li> <img id="img_gam_2" src="resources/desktop/_Layer-Comp-1-copy.png" /> </li> <li> <img id="img_gam_3" src="resources/desktop/_Layer-Comp-2.png" /> </li> </ul> </div>  <div id="img_collections_ga2" class="flexslider"> <ul class="slides productPic"> <li> <img id="img_gam2_1" src="resources/desktop/Comp-1.png" /> </li> <li> <img id="img_ga22" src="resources/desktop/Comp-1-copy.png" /> </li> <li> <img id="img_ga2o_3" src="resources/desktop/-Comp-2.png" /> </li> </ul> </div>  <div id="img_collections_g3" class="flexslider"> <ul class="slides productPic"> <li> <img id="img_gam3o_1" src="resources/desktop/omp-1.png" /> </li> <li> <img id="img_gam3o_2" src="resources/desktop/Comp-1-copy.png" /> </li> <li> <img id="img_gam3_3" src="resources/desktop/Comp-2.png" /> </li> </ul> </div>

Sie bewegen sich beim Klicken von rechts nach links.

In ALL 3 ist das Flexslider-Plugin eingebettet.

$('.flexslider').flexslider({ easing: "swing",  animation: "fade", slideshowSpeed: 2000, animationSpeed: 1, touch: true, controlsContainer: ".flex-container", start: function(slider){ funSETBottomSec(); }, after: function(slider){ funSETBottomSec(); //$(".flex-control-nav li").removeClass("active"); //$(".flex-active").parent().addClass("active"); } });

Ich möchte, wenn ich auf "Weiter" klicke, um zu "Nächstes" div zu gelangen, möchte ich den Flexslider erneut initiieren und er sollte mit dem ersten "Li" -Bild beginnen, derzeit beginnt er mit der Position des letzten Div.

Ich rufe diese Funktion auch beim "nächsten" Klick auf, hat aber für mich nicht funktioniert.

irgendeine Lösungsmöglichkeit.

Vielen Dank.

-1
Probleme, die sich auf die Programmierung und Softwareentwicklung beziehen, sind nicht relevant, siehe [Welche Themen kann ich hier fragen?] (Http://superuser.com/help/on-topic). Versuchen Sie [SO], aber lesen Sie zuerst [Wie stelle ich eine gute Frage?] (Http://stackoverflow.com/help/how-to-ask), oder markieren Sie Ihre Frage und bitten Sie einen Moderator, diese zu migrieren. DavidPostill vor 8 Jahren 1

1 Antwort auf die Frage

0
Shawn

Haben Sie versucht, die Eigenschaft einzustellen:

 animationLoop: true

Verwandte Probleme