貓頭鷹旋轉木馬slideSpeed不工作

我在我的主頁上設置了多個貓頭鷹旋轉木馬。我有第一個（關於免費送貨的）設置爲10000的slideSpeed。正如你可以看到所有的幻燈片以相同的速度改變。貓頭鷹旋轉木馬slideSpeed不工作

有沒有原因，這不起作用？難道我做錯了什麼？

來源

2014-10-18 danjfoley

自動播放是設置幻燈片更改速度的地方。不slidespeed

來源

2014-10-19 13:10:53 danjfoley

這救了我天。謝謝。 – Nilambar 2015-01-06 03:49:41

請注意，你必須使用

autoplay:true, 
    autoplayTimeout:5000

使用owlCarousel 2.0

來源

2015-11-10 09:50:10 neoMagic

-2

更改任何integrer例如將autoPlay時：5000至每5秒播放。如果你設置了autoPlay：true默認速度將是5秒。

Змінітьзначенняналюбецілечисло，наприклад將autoPlay：10000，паузаавтозмінюванняскладатиме10секунд。 Якщовстановитизначення「true」，швидкістьавтоанімаціїстановитиме5секунд。

來源

2016-07-18 17:18:18 Mister

請在評論中使用英文，這樣每個人都可以受益。 – 2017-02-28 00:08:18

您好我現在用貓頭鷹旋轉木馬公測2.0.0 我發現一個選項來延遲對於滑動速度編輯選項「smartSpeed：毫秒」

嘗試如下圖

來源

2016-08-16 04:05:14 Thet

請將您的代碼作爲文本發佈，而不是圖片。 – 2016-08-16 04:31:30

注意：此回覆適用於貓頭鷹傳送帶2，並且淡出轉換的速度僅爲。如果您的傳送帶滑動而不是褪色，請忽略此答案。這不是對原始問題的直接回答，但希望有助於更全面地瞭解如何控制OwlCarousel 2中的幻燈片轉換速度。正如我從Google獲得的，試圖找出如何控制淡入淡出速度，我希望您能容忍它的存在可能對其他人有用。

我無處嘗試使用smartSpeed或任何其他選項，設置淡入淡出的過渡期限，但看了他們用animate.css我猜重寫CSS3過渡的速度是取勝的關鍵，所以我甩下面放到滑塊前面的頁面上並工作。

<style type="text/css"> 
.my-parent-class .owl-carousel .owl-item { 
    -webkit-animation-duration: 3s !important; 
    animation-duration: 3s !important; 
} 
</style>

這並不影響滑動速度，只是淡化速度。如果你有一個滑動滑塊，這不是你的答案。

在我$(".owl-carousel").owlCarousel({})功能我設置自動播放如下：

autoplay: true, 
autoplayTimeout: 5000,

3S的CSS3過渡期與5000毫秒autoplayTimeout合併意味着結束的轉變，並且下一個起點之間2秒時 - 如果你想在幻燈片等在下一次轉換之前5秒，您需要將css轉換時間添加到autoplayTimeout，例如在這個例子中，autoplayTimeout：8000。

來源

2016-09-22 09:34:15 Jon

謝謝。這幫助了我。我應該注意的一件事是，我的內容是'owl-item'，它被設置爲'position：absolute'，'z-index'爲'1'。這導致了定位的內容馬上彈出而不會褪色。我刪除了'z-index'並完全解決了我的問題。 – Gavin 2017-01-17 02:41:09

要改變在該滑塊滑動你需要應用這個速度...

<style type="text/css"> 
.owl-stage { 
transition: 0.8s !important; 
} 
</style>

...這會減慢轉變。

來源

2017-01-16 10:36:26 alib0ng0

這可行，但如果旋轉木馬有stagePadding然後項目圖像出現故障移動 – 2018-02-17 23:59:09

剛剛成立時間將autoPlay選項

$("#slider").owlCarousel({ 
    autoPlay: 2500, 
    //autoPlay: true, <-- if you want to set default slide time (5000) 

    slideSpeed: 300, 
    paginationSpeed: 500, 
    singleItem: true, 
    navigation: true, 
    scrollPerPage: true 
});

來源

2017-04-26 16:34:14

變革滑動速度測試驗證碼：（autoplayTimeout屬性可以設定下滑的持續時間）

    jQuery(document).ready(function ($) { 

         var ocClients = $("#Slider"); 

         ocClients.owlCarousel({ 
          loop: true, 
          nav: false, 
          autoplay: true, 
          autoplayTimeout: 2000, 
          dots: false, 
          autoplayHoverPause: false, 
          responsive: { 
           0: { 
            items: 1 
           }, 
           480: { 
            items: 3 
           }, 
           768: { 
            items: 4 
           }, 
           992: { 
            items: 5 
           }, 
           1200: { 
            items: 7 
           } 
          } 
         }); 

        });

來源

2017-09-14 05:48:10

jQuery('.owl-carousel').owlCarousel({ 

    loop:true, 

    margin:10, 

    dots: true, 

    autoplay: 3000, // time for slides changes 

    smartSpeed: 1000, // duration of change of 1 slide 

    responsiveClass:true, 

    responsive:{ 

     0:{ 

      items:1 

     }, 

     600:{ 

      items:1 

     }, 

     1000:{ 

      items:1, 

      loop:true 

     } 

    } 

});

來源

2017-11-20 12:13:53

請添加您的解決方案，而不是隻是代碼的要點。 – pirho 2017-11-20 12:35:01

貓頭鷹旋轉木馬slideSpeed不工作

回答

相關問題