Подключить swipe к карусели

Нужно подключить swipe жест к карусели, вот собственно код, попробовал несколько вариантов, но как-то не получаеться. Может кто-то подскажет, что попробовать или что сделать?

$the_query = new WP_Query( $args );
$sliders = $prev_sliders = $next_sliders = array();
while( $the_query->have_posts() ) {
    $the_query->the_post();
    $content = get_the_content();
    $content = strip_tags($content);
    $img = get_the_post_thumbnail(null, 'blog-full-size');
    $img_mobile = get_the_post_thumbnail(null, 'blog-post-mobile-size');
    if (class_exists('MultiPostThumbnails') && MultiPostThumbnails::has_post_thumbnail('post', 'slider-image')) {
        $img = MultiPostThumbnails::get_the_post_thumbnail(
            'post',
            'slider-image',
            null,
            'blog-full-size'
        );
    }
    $sliders[] = array('image' => $img, 'image_mobile' => $img_mobile, 'title' => get_field('slider_title'), 'desc' => get_field('slider_description'), 'url' => get_the_permalink());
}
$n = count($sliders);
if( $n > 0 ){
    $prev_sliders[] = $sliders[$n-1];
    $next_sliders[] = $sliders[1];
    for($i=0;$i<$n;$i++){
        if ($i<($n-1)){
            $prev_sliders[] = $sliders[$i];
        }
        if ($i>1){
            $next_sliders[] = $sliders[$i];
        }
    }
    $next_sliders[] = $sliders[0];
}
wp_reset_query();
?>
<?php if( $n > 0 ){ ?>
    <div style="display: none;"><h1>Blog - Erminesoft</h1></div>
    <div id="blog-slider" class="slideshow">
        <div id="blog-slider-prev">
            <?php
                if ($n > 2) {
                    for($i=0;$i<$n;$i++) {
                        echo $prev_sliders[$i]['image'];
                    }
                }
            ?>
        </div>
        <div id="blog-slider-current" rel="0">
            <div id="blog-slider-img">
                <?php
                if ($n > 2) {
                    for($i=0;$i<$n;$i++) {
                        echo $sliders[$i]['image'];
                    }
                }
                ?>
            </div>
            <div id="blog-slider-bg-all"></div>
            <div id="blog-slider-bg"></div>
            <div id="blog-slider-title"><a href="<?php echo $sliders[0]['url']; ?>"><?php echo $sliders[0]['title']; ?></a></div>
            <div id="blog-slider-line"></div>
            <div id="blog-slider-desc"><?php echo $sliders[0]['desc']; ?></div>
            <div id="blog-slider-readmore"><a href="<?php echo $sliders[0]['url']; ?>" class="orange-btn">Read full article</a></div>
            <div id="blog-slider-nav">
                <?php  for($i=0;$i<count($sliders);$i++){ ?>
                    <a class="<?php echo ($i==0 ? 'current' : '');?>" href="javascript:void();" rel="<?php echo $i; ?>"></a>
                <?php } ?>
            </div>
        </div>
        <div id="blog-slider-next">
            <?php
            if ($n > 2) {
                for($i=0;$i<$n;$i++) {
                    echo $next_sliders[$i]['image'];
                }
            }
            ?>
        </div>
        <div id="blog-slider-prev-bg"></div>
        <div id="blog-slider-next-bg"></div>
    </div>
    <div id="blog-slider-container">
        <?php  for($i=0;$i<count($sliders);$i++){ ?>
            <div class="slider-item" id="slider-item-container-<?php echo $i; ?>" title="<?php echo $sliders[$i]['title'] ?>" url="<?php echo $sliders[$i]['url']; ?>"><?php echo $sliders[$i]['desc'] ?></div>
        <?php } ?>
    </div>
    <div id="blog-slider-container-mobile">
        <?php  for($i=0;$i<count($sliders);$i++){ ?>
            <?php echo $sliders[$i]['image_mobile']; ?>
        <?php } ?>
    </div>
<?php } ?>