3
我使用的Flexslider图像列表,但我不知道是否有选项垂直列出旋转木马的图像。Flexslider - 垂直缩略图
这就是我需要做的:
你可以看到,如果我移动箭头较小的图像,他们必须垂直滚动。
然而,使用柔性的时候,它会列出较小的图像水平,如下图:
有人曾经需要做到这一点或对我如何能为更小的图像始终做任何提示与两个限制器,而不是侧身增加下降?
按照我使用的链接脚本:
http://flexslider.woothemes.com/thumbnail-slider.html
下面的代码:
vm.flex_interna = function(){
$('#carousel').flexslider({
animation: "slide",
controlNav: false,
animationLoop: false,
direction: "vertical",
slideshow: false,
itemWidth: 210,
itemMargin: 5,
asNavFor: '#slider'
});
$('#slider').flexslider({
animation: "fade",
controlNav: false,
animationLoop: false,
slideshow: false,
sync: "#carousel"
});
}
vm.flex_interna();
HTML:
<div class="flex_conteudo">
<div class="col-lg-6">
<div id="carousel" class="flexslider">
<ul class="slides">
<li>
<img src="app/template/img/conteudo.png" />
</li>
<li>
<img src="app/template/img/conteudo.png" />
</li>
<li>
<img src="app/template/img/conteudo.png" />
</li>
<li>
<img src="app/template/img/conteudo.png" />
</li>
<!-- items mirrored twice, total of 12 -->
</ul>
</div>
</div>
<div class="col-lg-6">
<div id="slider" class="flexslider">
<ul class="slides">
<li>
<img src="app/template/img/conteudo.png" />
</li>
<li>
<img src="app/template/img/conteudo.png" />
</li>
<li>
<img src="app/template/img/conteudo.png" />
</li>
<li>
<img src="app/template/img/conteudo.png" />
</li>
<!-- items mirrored twice, total of 12 -->
</ul>
</div>
</div>
</div>
我只是想告诉你。 firefox将于8月关闭Flash支持。所以要小心使用flex。 – eronax59