![重新启动 flexslider 以从第一个子项开始动画](https://linux22.com/image/1469818/%E9%87%8D%E6%96%B0%E5%90%AF%E5%8A%A8%20flexslider%20%E4%BB%A5%E4%BB%8E%E7%AC%AC%E4%B8%80%E4%B8%AA%E5%AD%90%E9%A1%B9%E5%BC%80%E5%A7%8B%E5%8A%A8%E7%94%BB.png)
我有 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