☰

Flexslider erneut starten, um die Animation vom ersten untergeordneten Element aus zu starten

tag-icon • tag-icon jquery
Flexslider erneut starten, um die Animation vom ersten untergeordneten Element aus zu starten

Ich habe 3 Div-Sätze:

<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 gleiten beim Klicken von rechts nach links.

ALLE 3 haben ein integriertes Flexslider-Plugin.

$('.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, dass beim Klicken auf „Weiter“ zum „nächsten“ Div gesprungen wird. Ich möchte den Flexslider erneut starten und er sollte mit dem ersten „li“-Bild beginnen, derzeit beginnt er an der Position des letzten Divs.

ich rufe diese Funktion auch beim Klicken auf „Weiter“ auf, aber das hat bei mir nicht funktioniert.

irgendeine Lösung.

Danke.

Antwort1

Haben Sie versucht, die Eigenschaft festzulegen:

 animationLoop: true

verwandte Informationen