Flexslider 2垂直缩略图导航 [英] Flexslider 2 vertical thumbnail navigation

问题描述

我正在使用Flexslider 2开发站点.我试图使缩略图导航垂直工作，而不是默认的水平导航.

I am developing a site using the Flexslider 2. I am trying to get the thumbnail nav to work vertically instead of its default horizontal navigation.

目前的问题是它可以工作，但是我发现垂直导航工作中存在很多错误.

The problem at the moment is it works but I am finding there are a lot of bugs in the vertical nav working.

有人尝试过吗?

任何帮助将不胜感激.

干杯， 标记

推荐答案

从1/9/13开始，这似乎在Flexslider中似乎并不起作用，但是我已经使它在很大程度上发挥了作用.似乎它一次只能在滑块中包含一项(对于我们许多人来说，还没有完全减少)； maxItem和minItem尚不适用于垂直滑块.

This doesn't really seem to be working in Flexslider as of 1/9/13, however I've gotten it to work for the most part. It seems that it's only designed to have 1 item in the slider at a time (which for many of us, doesn't quite cut it); maxItem and minItem don't work for vertical sliders yet.

当然，第一步是要确保在参数中将方向设置为垂直:

The first step, is of course, to make sure that the direction is set to vertical, in the params:

direction: "vertical", 

现在，.flex-viewport会自动将其高度设置为您的<li>元素设置为的任何高度...但是您可以使用以下方式强制使用它:

Now, .flex-viewport will automatically have its height set to whatever height your <li> elements are set to... But you can force it with something like:

.flex-viewport { height: 650px !important;}

只需将其设置为所需大小即可容纳要在轮播中显示的幻灯片数量.然后根据需要设置其余样式. 但是，是的，仍然有一些错误……我看到了推荐的这些错误，但不能保证两者都不存在:

Just set it to whatever size is needed to accommodate as many slides as you need to show in the carousel. Then style the rest as needed. But yes, there are still bugs... I've seen these recommended but can vouch for neither:

• http://caroufredsel.dev7studios.com/
• jquery.vticker.1.4

这篇关于Flexslider 2垂直缩略图导航的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！