jQuery圓形內容傳送帶「ca-content-item」寬度

因此，我發現這個有用的jQuery內容傳送帶（http://tympanus.net/Development/CircularContentCarousel/），我一直在尋找的年齡。jQuery圓形內容傳送帶「ca-content-item」寬度

我已經修改了代碼，顯示從三箱五箱： http://helpmyedu.com/test/

然而，當我點擊「更多」，我不知道在哪裏修改div的寬度 - CA-內容包裝，當點擊「更多」時使其變爲全寬！

感謝您的幫助！

更新------------------------------------- 到目前爲止，我設法使得顯示擴展項目顯示正常，並正確地關閉前三項目...

然而，當我關閉擴展項，最後兩個在右側右手邊不顯示原始項目（請參閱我在談論的鏈接）。

也同時打開擴展窗口，有位當我嘗試導航向左或向右....

請幫

來源

2013-09-25 user2813951

可與所有js和css但是添加你的代碼中的jsfiddle – Abhidev

我試過，我不知道該怎麼主辦的jsfiddle我的代碼...對不起 – user2813951

在jquery.contentcarousel.js，使用Chrome開發或螢火蟲，CTRL + F後找到ca-content-wrapper。

當你發現這一點，你必須

openItem : function($wrapper, $item, opts, cache) { 
       cache.idxClicked = $item.index(); 
       // the item's position (1, 2, or 3) on the viewport (the visible items) 
       cache.winpos  = aux.getWinPos($item.position().left, cache); 
       $wrapper.find('div.ca-item').not($item).hide(); 
       $item.find('div.ca-content-wrapper').css('left', cache.itemW + 'px').stop().animate({ 
        width : cache.itemW * 2 + 'px', 
        left : cache.itemW + 'px' 
       }, opts.itemSpeed, opts.itemEasing) 
       .end() 
       .stop() 
       .animate({ 
        left : '0px' 
       }, opts.itemSpeed, opts.itemEasing, function() { 
        cache.isAnimating = false; 
        cache.expanded  = true; 

        aux.openItems($wrapper, $item, opts, cache); 
       }); 

      },

你可以看到：

width : cache.itemW * 2 + 'px',

嘗試修改這個值，這個JS文件。

來源

2013-09-25 06:58:55

是的，我已經成功找到這條線，但我不知道它是如何工作的... 什麼是cache.itemW？ – user2813951

cache.itemW表示一個元素的寬度.ca-item如此220.如果你想擁有正確的寬度，找到乘以這個值的係數。您的寬度爲：cache.itemW * 2 +'px'，係數爲2，將此值更改爲具有良好比例。管理每個ca-item的左邊是一樣的 –

還，你得改變這種代碼：

switch(val) { 
case 0   : return 1; break; 
case cache.itemW  : return 2; break; 
case cache.itemW * 2 : return 3; break; 


}

，並添加一個行要在內容包裝，以顯示每個項目，在這種情況下，我想顯示4個項目你去喜歡這樣的：

switch(val) { 
case 0   : return 1; break; 
case cache.itemW  : return 2; break; 
case cache.itemW * 2 : return 3; break; 
case cache.itemW * 3 : return 4; break; 

}

來源

2014-04-08 15:28:00 pablo

jQuery圓形內容傳送帶「ca-content-item」寬度

回答

相關問題