☰

重新啟動 flexslider 以從第一個子項目開始動畫

tag-icon • tag-icon jquery
重新啟動 flexslider 以從第一個子項目開始動畫

我有 3 組 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>

單擊時它們會從右向左滑動。

ALL 3 中嵌入了 flexslider 外掛程式。

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

我想，當我單擊“下一個”滑動到“下一個”div 時，我想重新啟動 flexslider 並且它應該從第一個“li”圖像開始，目前它是從最後一個 div 的位置開始。

我還在“下一步”單擊時調用此函數，但對我不起作用。

任何解決方案。

謝謝。

答案1

您是否嘗試過設定屬性：

 animationLoop: true

相關內容