jQuery jCarousel - 在水平視口中調整項目

我遇到我的jcarousel安裝問題。目前我如何設置它是連續三個視口爲1140像素的項目。 jcarousel會自動調整這些項目，並將它們設置爲每個380px寬以適合視口。保證金的權利似乎也自動定義。我有一個問題在視口中均勻地證明我的三個項目是均勻的。我已經瀏覽了jcarousel選項，但沒有找到任何可能的幫助。下面是應該說明我的問題截圖：jQuery jCarousel - 在水平視口中調整項目

http://i.imgur.com/PRQIG.jpg

編輯：我發現了一個解決方案，我能想出的唯一的事情。如果有人知道更好的解決方案，請發佈！

我的頁面基於1140響應式網格系統。在我的網格系統中，三列的右邊距爲〜3.8％，每列的寬度爲〜30％。因此，對於我的旋轉木馬的水平視口（.jcarousel-clip-horizontal），我將其寬度設置爲103.8％而不是100％，這允許三個項目在頁面容器中平均展開。

我試圖調整個別項目的邊距和填充，但這是不正確的。起初，我在傳送帶容器上放置了一個左填充物，使其具有集中的外觀，但這不足以滿足我的響應佈局。

來源

2012-12-07 Crayz

如果你不喜歡寬的jCarousel自動執行，你可以自己設置它在setupCallback：函數（）{}用的jCarousel設置

例如：你想設置每個L1與寬度375 ，你可以這樣做：

$('#a').jcarousel({ 
     visible:3, 
     scroll:3, 
     setupCallback:function(){ 
      $('#a.jcarousel-list li').each(function(){ 
       $(this).width(375) 
      }) 
     }, 
})

可以修改填充/保證金，在每個項目或與setupCallback視：函數（）{}實現你想要什麼。

來源

2012-12-07 03:49:05 user1861498

那麼我的想法是不必硬編碼任何東西，我想也許jcarousel有一個函數，計算寬度，邊距和顯示的項目之間需要多少調整以擴展整個視口。我正在處理的頁面是響應式的，所以我儘量保持事物的靈活性，同時保持適當的結構，這樣我就不會發現自己寫不需要的代碼來移動兼容 – Crayz

不幸的是，jcarousel沒有得到您要求的支持但它確實支持你在回調中實現你想要的任何東西，有時你可能會發現你必須使用它們。 – user1861498

jQuery jCarousel - 在水平視口中調整項目

回答

相關問題