2012-06-20 89 views
0

我正在尋找使用http://css-tricks.com/moving-boxes/ jquery插件。 有人可以告訴我,如果它可能使其處理可變寬度面板?移動框jquery插件可變寬度

我需要一個圖像滑塊/旋轉木馬,以當前圖像爲中心,顯示前一幅和下一幅圖像的一半。移動箱子非常棒,幾乎可以滿足賬單的需求,只需要可變寬度的圖像即可滑向中心。

回答

1

是的,這是可能的,調整HTML中的div .inside和.img的寬度以獲得圖像的實際大小,並刪除CSS中將重新分配幻燈片寬度的行。您可以通過檢查元素並在查看演示時在瀏覽器中對其進行編輯來做到這一點。

編輯IMG大小和容器大小jQuery中設置的CSS和HTML,另外,這是在/在需要

編輯這些值

 var totalPanels   = $(".scrollContainer").children().size(); 

var regWidth   = $(".panel").css("width"); 
var regImgWidth   = $(".panel img").css("width"); 
var regTitleSize  = $(".panel h2").css("font-size"); 
var regParSize   = $(".panel p").css("font-size"); 

var movingDistance  = 300; 

var curWidth   = 350; 
var curImgWidth   = 326; 
var curTitleSize  = "20px"; 
var curParSize   = "15px"; 

嘗試刪除slider.js頂部

+0

嘿,非常感謝您的幫助。我已經嘗試刪除所有寬度樣式,並將寬度放在HTML中的實際img標籤上,但是當它加載時,它需要第一個元素的寬度並將所有寬度設置爲該寬度。有任何想法嗎? – invamped

+0

我編輯答案 –

+0

非常感謝斯科特,當我有機會的時候,我會給這個機會。隊友的歡呼聲 – invamped