有麻煩owlcarousel寬度

http://makarskarivijera.hr/有麻煩owlcarousel寬度

這是html的說什麼

<div class="row"> 
    <div class="col-lg-7 col-sm-6"> 
    <div class="owl-carousel" id="homeCarousel"> 
     <div class="item"> 
     <img src="images/brela.jpg" alt="brela makarska"> 
     </div> 
    </div> 
    </div> 
</div>

這是我所得到的檢查

<div class="row"> 
<div class="col-lg-7 col-sm-6"> 
<div class="owl-carousel owl-theme" id="homeCarousel" style="opacity: 1; display: block;"> 
<div class="owl-wrapper-outer"> 
<div class="owl-wrapper" style="width: 3918px; left: 0px; display: block; -webkit- transform: translate3d(0px, 0px, 0px); -webkit-transform-origin: 326.5px 50%;"> 
<div class="owl-item" style="width: 653px;"> 
<div class="item"> 
<img src="images/brela.jpg" alt="brela makarska"/>

的時候我想改變這種寬度：653px但我不知道在哪裏可以找到

如果有人可以分享信息這將是非常好的:) thx

來源

2014-01-17 user3123165

嗨@ user3123165，我有一個像你的一個非常類似的問題。你能找到解決方案嗎？ –

寬度設置的插件JavaScript的內聯樣式基於可用的屏幕寬度除以項目的數量。

您的滑塊中有6個項目。總包裝寬度爲3918除以6個項目爲653px每個項目。

來源

2014-08-18 15:02:25 AdmireNL

請在您的JavaScript文件中查找「.owlCarousel(」它應該是一個運行並控制貓頭鷹傳送帶的函數。它與owl.carousel.min.js無關，而是一個調用該代碼的函數。我有這樣的事情：

.owlCarousel({ 
    items: 10, 
    rewindNav: false 
});

更改items:10它應該改變你的每張圖片的寬度。然後，您可以添加到您的功能之類的東西 -

$("#owl-example").owlCarousel({ 
     items:10, 
     itemsDesktop : [1199,10], 
     itemsDesktopSmall : [980,9], 
     itemsTablet: [768,5], 
     itemsTabletSmall: false, 
     itemsMobile : [479,4] 
})

查找「自定義」 - https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html

來源

2015-05-27 15:15:26 Jon

這可以幫助我，節省了我的時間！謝謝 – vipin

試試這個

/* corrects margin between slides */ 
.owl-item img { 
width: 96%; 
margin: 0 auto; 
}

來源

2015-07-06 08:32:37

有麻煩owlcarousel寬度

回答

相關問題