2012-01-09 73 views
7

我正在使用jQuery循環插件。有問題的網頁是在這裏:停止調整容器高度和寬度的jQuery循環

​​

在左邊的菜單控制在使用週期插件頁面中間的內容。非常簡單。然而,週期加入一些樣式來滑框:

<div class="adSlideBox" id="asics" style="position: absolute; z-index: 8; top: 0px; left: 0px; display: block; width: 1020px; opacity: 1; "> 

相關侵權代碼是真實被設置width屬性;我正在構建基於流體佈局的網站,並且圖像是爲了在窗口大小調整時調整大小。所有的工作都很好,直到Cycle爲我的每張幻燈片添加討厭的寬度規則!

我該如何讓它停止這樣做?我修理使用containerResize: 0,但無濟於事。這裏的jQuery的電話:

$('#adSlideshow').cycle({ 
    fx:  'fade', 
    speed: 'fast', 
    timeout: 0, 
    pager: '#menu', 
    containerResize: 0, 
    pagerAnchorBuilder: function(idx, slide) { 
     // return selector string for existing anchor 
     return '#menu li:eq(' + idx + ') a'; 
    } 
}); 

我使用的是完整版本的週期的方式,因此撥動containerResize選項應該工作,但沒有。思考?

是否有可能進入cycle.js代碼並將這部分功能翻出來?

編輯:忽略調整頁面時右側菜單行爲異常的事實,它實際上是爲了坐在底部,但爲了簡化本測試網站我已經編輯了其餘的代碼。

+2

你試過'slideResize:0'? – mrtsherman 2012-01-09 03:20:27

+0

唷!這很有效,我的觀點很簡單。請轉貼爲答案,我會標記爲正確! – Jascination 2012-01-09 03:21:41

回答

10

使用slideResize: 0除了containerResize: 0

+2

出於某種原因,它在這裏不斷調整大小。不工作。 – MEM 2013-08-02 18:06:07

+0

我也有。我通過將身高設置爲100%來解決我的問題 – 2013-10-30 06:24:22