How do I get the 'Flexslider' current image number into a variable which I can use in a function?

javascript jquery flexslider
byronyasgur picture byronyasgur · Jun 26, 2012 · Viewed 30.3k times · Source

I am using flexslider. There is an example under the advanced tap on this page (in the section "The new, robust Callback API" where they use slider.currentSlide to get the number of the current slide.

How can I access this value in a completely different function? I am thinking of a global variable but I don't know if that will work and I don't know if it's possible to declare a variable within a function as global.

Answer

Lewis picture Lewis · Jun 19, 2013

You can avoid global variables by accessing the flexslider object with:

$(element).data('flexslider')

So in your case you'd use:

$(element).data('flexslider').currentSlide

Related questions

Control Flexslider from outside element.

I have a Flexislider that I would like to control from outside the element. I tried this: var myslider = $('.slider').flexslider({ animation: 'slide' }); $('button').click(function () { myslider.flexAnimate(3)    //Function: Move slider - (target, pause) parameters }); But that returns TypeError: …

Read More
How to reinitialize flexslider for a dynamic loading

I got a problem with flexslider, I need to download my picture in base64 from a webservice. After the download is complete, I make an .append() to add my slide... But sometimes, everything is added perfectly but the slider doesn't …

Read More
How to hide images until AFTER jquery flexslider finishes loading

I tried to integrate wootheme's Flexslider on my site and it looks/works great except for when it is loading. When you refresh the page with the slider, before flexslider loads (about 1 second) the first slide appears very big and …

Read More