Riattivare flexslider per avviare l'animazione dal primo figlio


-1

Ho 3 set di div:

<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>

Scivolano da destra a sinistra con un clic.

ALL 3 ha il plugin flexslider incorporato in esso.

$('.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");
}
});

Voglio, quando clicco su "next" per passare al "next" div, voglio riavviare flexslider e dovrebbe iniziare dalla prima immagine "li", attualmente sta partendo dall'ultima posizione del div.

sto anche chiamando questa funzione sul click "next" ma non ha funzionato per me.

qualsiasi soluzione.

Grazie.


1
Problemi specifici per la programmazione e lo sviluppo del software sono fuori tema, vedi Quali argomenti posso chiedere qui? . Provare Stack Overflow ma per favore prima leggi Come faccio a fare una buona domanda? oppure contrassegna la tua domanda e chiedi a un moderatore di migrare.
DavidPostill

Risposte:


0

hai provato a impostare la proprietà:

 animationLoop: true
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.