☰

첫 번째 자식부터 애니메이션을 시작하려면 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>

클릭하면 오른쪽에서 왼쪽으로 미끄러집니다.

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

관련 정보