<?php get_header(); ?>
<div class="index-banner">
    <div class="swiper-container">
        <div class="swiper-wrapper">
        <?php for ($i = 1; $i <= 3; $i++) {
            if(of_get_option( 'banner_src'.$i) == "")continue;
        ?>
            <div class="swiper-slide">
                <picture>
                    <source srcset="<?php echo of_get_option('banner_m_src'.$i); ?>" media="(max-width:768px)">
                    <img src="<?php echo of_get_option('banner_src'.$i); ?>">
                </picture>
            </div>
        <?php } ?> 
        </div>
        <!-- Add Arrows -->
        <!-- <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div> -->
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>
</div>
<!-- ./banner -->  
<!-- ./ -->
<link href="https://cdn.bootcdn.net/ajax/libs/Swiper/4.5.0/css/swiper.min.css" rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/4.5.0/js/swiper.min.js"></script>
<script src="<?php bloginfo('template_url'); ?>/assets/js/index.js" type="text/javascript" charset="utf-8"></script>
<?php get_footer(); ?>