Allow the default Views Slideshow slide counter controls to work with Flexslider instances.

CommentFileSizeAuthor
#9 1382248-009-WORKAROUND-Enable_Views_Slideshow-Flexslider_Widget_slide_counter.patch1.91 KBsokrplare

Comments

Anonymous’s picture

Anonymous (not verified) commented

Just a note for others that this can be achieved with css by selecting "Add navigation controls for individual slides." in views and then using css to remove the background and reset the text-indent property of .flex-control-nav li a

The slide #'s are there, just being hidden by the default styling.

minoroffense’s picture

minoroffense commented
Component: Code » Views Slideshow Integration
Status: Active » Postponed

For the moment, the only Views Slideshow widgets we're supporting are the controls for pause/play/next/prev.

We'll be adding the rest of the controls after v1.0 (probably in 1.1 or 1.2)

I'll keep this issue around and update once the functionality is there.

dready2011’s picture

dready2011 commented

Subscribing. Would be great to have this feature!

R-H’s picture

R-H commented

+1

minoroffense’s picture

minoroffense commented
Version: 7.x-1.x-dev » 7.x-2.x-dev
Category: task » feature
Priority: Normal » Minor
Status: Postponed » Active

The second version of the FlexSlider library should allow us to do this. Though it's not high up on the list of priorities at the moment. Patches are always welcome ;-)

luksak’s picture

luksak
he/him
commented

What needs to be done? If I find time i would try to do a first stab.

For the cycle integration I found this line being called in the before callback

Drupal.viewsSlideshow.action({ "action": 'transitionBegin', "slideshowID": settings.slideshowId, "slideNum": slideNum });

And this code in views_slideshow.js

  /**
   * Views Slideshow Slide Counter
   */

  Drupal.viewsSlideshowSlideCounter = Drupal.viewsSlideshowSlideCounter || {};

  /**
   * Implement the transitionBegin for the slide counter.
   */
  Drupal.viewsSlideshowSlideCounter.transitionBegin = function (options) {
    $('#views_slideshow_slide_counter_' + options.slideshowID + ' .num').text(options.slideNum + 1);
  };

Seems that doing this would solve the issue. Am I right?

minoroffense’s picture

minoroffense commented
Status: Active » Needs work

The JavaScript that links views slideshow controls and flexslider's needs rewriting. I'm working on the play/pause controls now. Once those are available you'll have a good example to work against. I'll post here once they're available.

minoroffense’s picture

minoroffense commented
Project: Flex Slider » FlexSlider Views Slideshow
Version: 7.x-2.x-dev »
Component: Views Slideshow Integration » Code
sokrplare’s picture

sokrplare commented
Version: » 7.x-2.x-dev
Issue summary: View changes
StatusFileSize
new 1382248-009-WORKAROUND-Enable_Views_Slideshow-Flexslider_Widget_slide_counter.patch1.91 KB

Building off what Lukas tracked down in the Cycle plugin, here is a workaround (until the rewrite happens for full and proper support) to get the slide counter incrementing working again. I also removed a (rogue?) console.log call.

jetsonjohn’s picture

jetsonjohn commented

After applying this patch slide counter is updating only on clinking previous or next link otherwise on auto rotating the slide the counter value is not updating.

Is there any workaround for updating the slide counter on auto rotating or on slide transition begin or after?