magicdustwebsites of Magicdust
2/19/2016 - 12:23 AM

Slideshow

Slideshow

<?php wp_enqueue_script( 'owl-carousel' ); ?> 

<section class="module  module--slideshow">
  <div class="owl-carousel  slideshow">
    <?php while ( have_rows( 'slides' ) ) : the_row(); ?> <!-- Repeater field. -->
      <div class="slide">
        <div class="container">
          <div class="slide__content">
            <!-- Slide fields here. -->
          </div>
        </div>
      </div>
    <?php endwhile; ?>
  </div>
  
  <script type="text/javascript">
    jQuery(document).ready(function() {
      jQuery('.slideshow').owlCarousel({
        'items':              1,
        'autoplay':           true,
        'autoplayTimeout':    7000,
        'autoPlayHoverPause': false,
        'loop':               true, 
        'mouseDrag':          true,
        'touchDrag':          true,
        'nav':                false,
        'dots':               false
      });
    });
  </script>
</section>