У меня есть 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