Jquery Flexslider-使用';asnavfor';-如何使导航转盘从第二张幻灯片开始,跳过第一张幻灯片
我需要将“#旋转木马”中的第一个项目与“#滑块”中的第二个项目链接起来。已解决,可能是一个有点脏的解决方案,但它可以工作-以下是如何工作的 在#转盘ul中添加空li,并为其指定“隐藏”类,如下所示:Jquery Flexslider-使用';asnavfor';-如何使导航转盘从第二张幻灯片开始,跳过第一张幻灯片,jquery,flexslider,Jquery,Flexslider,我需要将“#旋转木马”中的第一个项目与“#滑块”中的第二个项目链接起来。已解决,可能是一个有点脏的解决方案,但它可以工作-以下是如何工作的 在#转盘ul中添加空li,并为其指定“隐藏”类,如下所示: jQuery('#carousel').flexslider({ animation: "slide", controlNav: false, animationLoop: false, slideshow: false,
jQuery('#carousel').flexslider({
animation: "slide",
controlNav: false,
animationLoop: false,
slideshow: false,
itemWidth: 150,
itemMargin: 5,
asNavFor: '#slider'
});
jQuery('#slider').flexslider({
animation: "slide",
controlNav: false,
animationLoop: false,
slideshow: false,
sync: "#carousel",
smoothHeight: true
});
这样,第一个缩略图将始终隐藏,滑块导航将从第二张幻灯片开始
<ul class="slides">
<li class="hidden"></li>
<li>slide-hidden+1</li>
<li>slide-hidden+2</li>
<li>slide-hidden+n</li>
</ul>
li.hidden, li.hidden.flex-active-slide {
display:none !important;
width:0px !important;
}