Icons not showing in image slideshow on mobile devices

Hi,

Please tell me what plugin you are using to add such slider?

Regards

Hi. I am as such not using any plugin. I am adding the image slideshow in a blog post using wordpress built in slider.

Looks like I found the solution for you. Please use following code snippet

add_action( 'wp_footer', 'sti_footer', 99999999 );
function sti_footer() { ?>
    <script>
   window.addEventListener('load', function() {
             jQuery(document).on( 'jp_carousel.selectSlide', '.jp-carousel-wrap', function( event, slides ) {
                    $('img').sti();
                } );
        }, false);
    </script>
<?php }

You need to add it somewhere outside the plugins folder. For example, inside functions.php file of your theme or use some plugin for adding code snippets.

• This reply was modified 4 years, 5 months ago by ILLID.

hi. Thanks. But this didn’t work.

Ok, I have another solution for you. Please try to use this code instead

add_action( 'wp_footer', 'sti_footer', 99999999 );
function sti_footer() { ?>
    <script>
        window.addEventListener('load', function() {
            var timeoutID;
            jQuery('body').on('DOMSubtreeModified', '.wp-block-jetpack-slideshow, .jp-carousel-wrap', function() {
                timeoutID = window.setTimeout( function() {
                    jQuery('img').sti();
                    window.clearTimeout(timeoutID);
                }, 500 );
            });
        }, false);
    </script>
<?php }