2012-05-29 75 views
0

http://gsclientlounge.co.uk/audi/facebook/lifestyle/day.php?d=4&m=5&y=2012&event_id=54#1在運行時獲取div高度

上面的url我需要根據圖像高度更改div高度。

但是,事情變得更糟糕,當我與結尾滑塊結合這一點,

它要調整accordignly,

所以我在下面說,

$(document).ready(function() { 
    $("#controls a").click(function() { 
     var hI= $(".imgGallery").outerHeight(); 
     $(".pan1").height(hI+40); 
     $("#coda-slider-1").height(hI+40); 
    }); 
}); 

獲取DIV高度和覆蓋。

但事情是否凌駕上一個滑塊高度不是當前,

任何解決方案?

+0

對於初學者來說,img標籤的高度應該是一個只有height =「492」的數字,你可以將它作爲height =「492px」 – Huangism

回答

0

我已經通過添加活動爲圖庫完成事件解決了此問題。

1

我認爲高度計算錯誤,因爲它正在計算幻燈片轉換前的高度。所以每次你得到前一張幻燈片的高度而不是當前幻燈片。 你需要計算在滑塊的延遲之後

OR

計算高度的動畫功能齊全的高度(花費的時間爲動畫,我假設你定義的)。所以它會延遲一個計時器說1000毫秒,然後抓住滑塊的高度,並將其應用到容器

編輯:現在我想起來了,如果你在幻燈片後計算它,那麼它不會是平滑是因爲在滑動之後施加高度,這意味着將有一段時間圖像被切斷。因此,您需要做的是在點擊時找出下一張圖片的高度,並將其用作參考點。 獲取所有滑動項目,然後您可以抓住下一張幻燈片並計算高度,當您到達最後一個項目或第一個項目向後時,您需要一些邏輯來查找第一個項目或最後一個項目。