Start autoplay on javascript event

Hi there,

Try this, change the slider ID to match your slider:

$('#element').click(function(){
    $('#metaslider_123').flexslider('start');
});

Thanks,
Dave

• This reply was modified 8 years, 1 month ago by matchalabs.

Hi, I tried both

$('#element').click(function(){
    $('#metaslider_61').flexslider('start');
});

and

$('#element').click(function(){
    $('#metaslider_61').flexslider('play');
});

Neither worked, but neither is throwing an error, either.

The inline javascript generated by metaslider is as follows:

var metaslider_61 = function($) {
            $('#metaslider_61').addClass('flexslider'); // theme/plugin conflict avoidance
            $('#metaslider_61').flexslider({ 
                slideshowSpeed:3000,
                animation:"slide",
                controlNav:true,
                directionNav:false,
                pauseOnHover:true,
                direction:"horizontal",
                reverse:false,
                animationSpeed:1000,
                prevText:"<",
                nextText:">",
                easing:"easeInQuad",
                slideshow:false,
                useCSS:false
            });
        };
        var timer_metaslider_61 = function() {
            var slider = !window.jQuery ? window.setTimeout(timer_metaslider_61, 100) : !jQuery.isReady ? window.setTimeout(timer_metaslider_61, 1) : metaslider_61(window.jQuery);
        };
        timer_metaslider_61();

I’m using jQuery 3.1.0

Thank you!

• This reply was modified 8 years, 1 month ago by ald0413.

Hi there,

Do you have a link to the page with the slider and trigger?

Thanks,
Dave

Hi Dave,

I’ve put up a beta site here: https://smmcnyc.com/work/FHF/beta/

I’ve separated out the js into an unminified file galleries.js in theme folder

Thanks

Hi,

Thanks for the link.

$('#metaslider_61').flexslider('play'); is successfully playing the slider when executed in the console so the issue will be with the trigger itself.

You may also want to look at adding the script via a filter. Here’s a simple example that you would need to add to your theme’s functions.php file:

function metaslider_flex_js($javascript, $slider_id) {
    $javascript .= "$('#metaslider_61').flexslider('play');";
 
    return $javascript;
}
add_filter('metaslider_flex_slider_javascript', 'metaslider_flex_js', 10, 2);

Thanks,
Dave