简体   繁体   English

猫头鹰轮播速度不会改变

[英]Owl Carousel Speed Won't Change

I'm utilizing the Owl Carousel library for a slider on a partner's page. 我正在使用Owl Carousel库作为合作伙伴页面上的滑块。 It's working pretty well except for setting the frequency and speed of the transitions. 除了设置过渡的频率和速度之外,它的效果都很好。

I've followed the documentation and have the script, but it doesn't seem to be working properly. 我已经按照文档进行操作并拥有脚本,但是它似乎无法正常工作。 Below is the HTML and JS that I'm using. 以下是我正在使用的HTML和JS。 I've also linked to the page here: http://www.circuitclinicaltesting.com/our-partners.php 我也链接到此页面: http : //www.circuitclinicaltesting.com/our-partners.php

Like I said, all I'm trying to do is change the speed and frequency of the slides but it doesn't seem to work. 就像我说的那样,我要做的就是改变幻灯片的速度和频率,但是似乎不起作用。

HTML 的HTML

  <div class="owlcarousel">
  <section class="partner_slider slider_section header_height">
      <ul id="main-slider" class="owl-carousel main_slider">

          <div class="display-table">
            <div class="table-cell">1
              <div class="container">
                <div class="col-md-1"></div>
                <div class="slider_content">
                  <h2 class="text-left txt_white">PARTNER PERSPECTIVE</h2>
                  <h3>"Circuit Clinical provides us with the opportunity to shift the current paradigm when it comes to clinical research. They have been able to integrate research within our practice without the upfront cost."</h3>
                  <h2 class="txt_white">Dr. Raul Vazquez, MD</h2>
                  <p>Urban Family Practice</p>
                </div>
              </div>
            </div>
          </div>


          <div class="display-table">
            <div class="table-cell">
              <div class="container">
                <div class="col-md-1"></div>
                  <div class="slider_content">
                   <h2 class="text-left txt_white">PARTNER PERSPECTIVE</h2>
                   <h3>“Until now, I haven't had the opportunity to participate in clinical research because we didn’t have the infrastructure in place to do so. Circuit Clinical has provided the tools and infrastructure while also bringing the trials to us so we can begin enrollment immediately.”</h3>
                    <h2 class="txt_white">Dr. Dennis B. Chugh, MD</h2>
                    <p>Northtowns Cardiology</p>
                 </div>
              </div>
            </div>
          </div>
      </ul>
  </section>
  </div>
</div>

JS JS

<script>
  $(document).ready(function() {

    $("#main-slider").owlCarousel({
      slideSpeed : 10000,
      autoPlay : true,
      autoplaySpeed:10000
    });

  });
</script>

I managed to figure it out. 我设法弄清楚了。 It was looking for autoplayTimeout. 它正在寻找autoplayTimeout。 Adding the following to the script settings solved the issue! 在脚本设置中添加以下内容可以解决该问题!

    autoplayTimeout: 10000,        
    smartSpeed: 1000,

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM