Add a play/pause button on Slider
Dears,
For Web Accessibility Recognition, can you teach me to add a play or pause button, I found some code for your reference.
// Play/pause button on slider
jQuery( document ).ready(function($) {
    var playButton  = '.play-button';
    var pauseButton = '.pause-button';
    var current     = '.current';
    var sliderDiv   = '#swiper-wrapper';
   
    $(pauseButton).hide();
    $(playButton).hide();
   
    jQuery( sliderDiv ).mouseenter(function() {
       
        jQuery(current).show();
 
        jQuery(pauseButton).click(function() {
            jQuery(this).hide().removeClass( "current" );
            jQuery(playButton).show().addClass( "current" );
        });
        jQuery(playButton).click(function() {
            jQuery(this).hide().removeClass( "current" );
            jQuery(pauseButton).show().addClass( "current" );
        });
    });
    jQuery( sliderDiv ).mouseleave(function() {
        $(pauseButton).hide();
        $(playButton).hide();
    });
});
Customer support service by UserEcho
	
Hello
It is not easy to do.
You should create a Swiper slider with buttons and then add custom JS with the proper slider selector.
--
Best Regards
Andrei S.