Question

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.

Has anyone tried this yet?

Any help would be much appreciated.

Cheers,
Mark

Answer 1

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", 

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