2010-03-29 119 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"> 

我会推荐前者。我也会设置一个高度。通过这样做,浏览器在初始渲染页面时可以跳过一些重排,这意味着加载速度更快。