Hi kevlab!
Flexslider allows you specify a function that runs every time a new slide is displayed. You’d normally set this up when flexslider is initialised, like this:
jQuery(".flexslider").flexslider({
controlsContainer: "#genesis-responsive-slider"
animation: "slide",
directionNav: 1,
controlNav: 1,
animationDuration: 800,
slideshowSpeed: 9000,
after: function (slider) {
console.log( 'Now on slide ' + slider.currentSlide );
}
});
You can run any code you like in that ‘after’ function, such as triggering a new tab to become active with each new slide.
Ideally you’d want to uninitialise flexslider, then reinitialise it with your own custom settings above, including the ‘after’ function.
Unfortunately, though, it looks like flexslider doesn’t include a function to destroy or uninitialise an existing slider. That means you may have to add your ‘after’ function to the existing plugin initialisation code by editing the plugin source, sadly. If you’d like to try that, you can find the relevant code on line 157 of wp-content/plugins/genesis-responsive-slider/genesis-responsive-slider.php in the function named ‘genesis_responsive_slider_flexslider_params()’.
You’d need to edit this file each time the plugin updated, or else find a way to uninitialise the slider so that you can make the change without editing the plugin code.
Sorry not to be able to offer a more simple solution, but I hope the pointer proves helpful!
