I want to create this:


Using Flexslider.

In Flexslider's Advanced Options I see there is an option to "Use as Navigation". I've tried setting another Flexslider slidehow (full of thumbnails) as the navigation but it doesn't seem to work right.

I just need to have a main slider and a slider under it full of thumbnails that acts as a navigation menu for the main slider. How can I do this?

  • what do you mean 'doesn't seem to work' what's the problem. what have you tried? Is there any output. – Krishna Mohan Nov 14 '14 at 5:53
  • Install Flexslider module
  • If you need to display images as a view, select "slider w/thumbnail controlnav pattern" option set in Flexslider display mode settings.
  • If you displays images a multi-valued image field, select "slider w/thumbnail controlnav pattern" for the field in Manage display tab.

Please note that controlNav pattern (you mentioned) is not the same as thumbnail slider.

| improve this answer | |

Drupal flex slider gallery with thumbnails http://www.reinisfischer.com/drupal-developer/drupal-flex-slider-gallery-thumbnails

| improve this answer | |
  • Install Flexslider module
  • add optionset thumbnailslider(admin/configure/flexislider/) check
  • Minimum Items Minimum number of carousel items that should be visible.
  • Max Items Maximum number of carousel items that should be visible. set according to your need you can also set
  • Item Width Box-model width of individual carousel items, including horizontal borders and padding.
  • Item Margin Margin between carousel items. (NB: the margin must be set in your CSS styles. This property merely informs FlexSlider of the margin.)
| improve this answer | |

enter image description here

Go to flexslider configuration menu in "Navigation and control tab" Select "page control" as thumbnail

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.