Image Gallery in Post With Slideshow Effect

slider-gallery-with-beans.php

         beans_add_attribute( 'beans_post_gallery', 'class', 'uk-slidenav-position' );
        beans_remove_attribute( 'beans_post_gallery', 'class', 'uk-grid uk-grid-width-small-1-3' );

         beans_wrap_inner_markup( 'beans_post_gallery', 'svx_gallery_container', 'ul', array(
             'class' => 'uk-slideshow uk-overlay-active',
        ) );

        beans_add_attribute( 'beans_post_gallery', 'data-uk-slideshow="{height:420,autoplay:true}"', '' );

        beans_modify_markup( 'beans_post_gallery_item', 'li' );
        beans_remove_markup( 'beans_post_gallery_icon' );
        beans_add_attribute( 'beans_post_gallery_caption', 'class', 'uk-overlay-panel uk-overlay-background uk-overlay-bottom uk-overlay-slide-bottom' );

        beans_add_smart_action( 'beans_post_gallery_caption', 'class', 'uk-hidden' );

        function svx_add_gallery_pagination (){

        ?>
            <a href="" class="uk-slidenav uk-slidenav-contrast uk-slidenav-previous" data-uk-slideshow-item="previous"></a>
            <a href="" class="uk-slidenav uk-slidenav-contrast uk-slidenav-next" data-uk-slideshow-item="next"></a>
        
        <?php
        }

        add_action('svx_gallery_container_after_markup','svx_add_gallery_pagination');