Is there any way to add a pager with mini thumbnails with any of Flexslider's Views integration methods, like can be done with Views Slideshow? Thanks.

Comments

marcoka’s picture

marcoka CreditAttribution: marcoka commented

this sounds like some kind of gallery feature. like this? http://drupal.org/project/galleria

DamienMcKenna’s picture

DamienMcKenna
Location NH, USA
CreditAttribution: DamienMcKenna commented

Yeah... I'll give it a try, thanks.

rovo’s picture

rovo
Location Delaware
CreditAttribution: rovo commented

So that is a different slider, not to actually be used in conjunction with FlexSlider right?

marcoka’s picture

marcoka CreditAttribution: marcoka commented

yes its another module and not basically a slide. more of a gallery.

BarisW’s picture

BarisW CreditAttribution: BarisW commented

Well, FlexSlider v2 seems to be able to do this. Might be a good idea to use that version in this module?
See http://flex.madebymufffin.com/examples/thumbnail-slider.html for a demo.

BarisW’s picture

BarisW CreditAttribution: BarisW commented

Even a better reason to switch to V2 is that its now licensed with GPLv2 instead of MIT. So the Javascript can be included with the module and users don't have to download the library themselves anymore ;)

https://github.com/woothemes/FlexSlider#general-notes

minorOffense’s picture

minorOffense CreditAttribution: minorOffense commented
Category: support » feature
Status: Active » Closed (works as designed)

Yeah that's a big reason I want to wok on v2. Right now the module doesn't support v2 (yet).

You can however use views slideshow widgets to have an image thumbnail nav (or at least you should). I haven't tried it but it might work...

dshields’s picture

dshields CreditAttribution: dshields commented

I have used slideshow widgets to create thumbnail pagers many times and can't get it to function with flexslider - you'd think it'd work the very same way, but it doesn't.

I think this might be because the module uses jquery.flexslider-min.js and not jquery.cycle.all.min.js or jquery.cycle.all.js, but I'm really not sure.

minorOffense’s picture

minorOffense CreditAttribution: minorOffense commented

You need Flexslider 2 to support that. It's part of the library now. Once we get the core updates to the module done, we can start expanding features on each sub module.

dshields’s picture

dshields CreditAttribution: dshields commented

Super!
Looking forward to it!

quickly’s picture

quickly CreditAttribution: quickly commented

Option to add image thumbnails will be really cool... looking forward to it

arcall’s picture

arcall CreditAttribution: arcall commented

It would require to pass an image thumbnail as a view field and embed it as an <li> element. Like this

<!-- Place somewhere in the <body> of your page -->
<div class="flexslider">
  <ul class="slides">
    <li data-thumb="slide1-thumb.jpg">
      <img src="slide1.jpg" />
    </li>
    <li data-thumb="slide2-thumb.jpg">
      <img src="slide2.jpg" />
    </li>
    <li data-thumb="slide3-thumb.jpg">
      <img src="slide3.jpg" />
    </li>
    <li data-thumb="slide4-thumb.jpg">
      <img src="slide4.jpg" />
    </li>
  </ul>
</div>