2010-08-22 56 views
0

鏈接:http://misiur.com/teatr多的jCarousel錯誤「的jCarousel:不寬/高設置的項目......」

錯誤代碼:「的jCarousel:不寬/高爲項目設置這將導致一個無限循環正在中止。 ..「

我有一個旋轉木馬 - 沒有錯誤。然後我添加了新的 - 這個錯誤。與第一個一樣構建。簡單的HTML:ul與兒童li> a> img 我不知道爲什麼會發生。我試圖用CSS添加尺寸,但仍然沒有。 IMG的需要是相同的大小?

在此先感謝。

回答

3

即使這是一個老問題,它仍然出現在谷歌搜索這個主題。

我發佈了一個解決這個在我的博客在這裏http://drayblog.gotdns.com/index.php/2011/03/31/jcarousel-no-width-height-set-for-items/

但以防萬一有一天它的股價下跌,繼承人後

不管你jarousel項目widthand高度屬性出現的錯誤。您需要設置輪播的第一個父級的寬度和高度。如果你按照下面的設計模式,你不能出錯

首先我假設你已經包含了一個對你已經下載的jcarousel庫的引用。其中只有一個,所以你找不到它。這裏

  1. 標記爲包含的jCarousel元素(注意包裹在一個包含分區)的頁面,在此網站不支持顯示多HTML,所以我已刪除的開始和結束標記
 
div id="hlrt" 
ol id="hmprt" runat="server" clientidmode="Static" 
li class="l" 
     !--your stuff in here-- 
    /li 
/ol 
/div 

你初始化的JScript,使您的傳送帶生活(注意應用有序列表)

 
//initialise 
$('#hmprt').jcarousel({ 
    vertical: true, 
    easing: 'easeInOutQuad', 
    scroll: 4, 
    auto: 5, 
    wrap: 'circular', 
    animation: 3000 
}); 

你的CSS(注應用於包裝DIV)

 
#hltr .jcarousel-item-vertical, 
#hltr .jcarousel-item-placeholder-vertical { 
    width: 330px; 
    height: auto; 
} 
#hltr .jcarousel-container-vertical { 
    width: 330px; 
    height: 350px; 
    border: 1px solid #fff; 
} 
#hltr .jcarousel-clip-vertical { 
    width: 330px; 
    height: 350px; 
    z-index: 20; 
} 

爲什麼我們這樣做是因爲類的jCarousel的ammends HTML標記,這樣的款式將不再適用,因爲對象將不再存在,或者在的jCarousel對象級別相同名稱的原因。

+0

謝謝!爲了達到這個目的,我們需要刪除 緩動行:'easeInOutQuad' ,因爲jQuery會嘗試用這個名字找到回調,並且會觸發錯誤。 – valk 2011-08-07 05:51:37