2010-03-29 118 views

回答

1

這是因爲這條線(從aerocom.js),設置標題的寬度大概是:你正在試圖獲得
$('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});

文檔上圖像的寬度就緒,但這是圖像加載之前的寬度,因此寬度爲0.

您可以獲取寬度在窗口負載,當圖像加載:

$(window).load(function() { 
    $('#gallery .caption').css({width: $('#gallery a').find('img').css('width')}); 
}); 

或者繼續使用的文件準備好,並設置一個寬度上的img標籤:

<img width="980" src="http://www.aerocom.net.au/theme/Default_Simple/image/banner/banner4.jpg"> 

我會推薦前者。我也會設置一個高度。通過這樣做,瀏覽器在初始渲染頁面時可以跳過一些重排,這意味着加載速度更快。