jQuery / CSS:Div继承动态可调整大小的图像的宽度

时间:2011-12-20 19:37:41

标签: html dynamic resize width inheritance

我有一张动态调整大小的图片。

图片是图库的一部分,所以在右上角,我有缩略图来查看该图库中的图片。

拇指和图像都包含在类.slider的div中。

.slider div始终延伸到浏览器的宽度,拇指相对于.slider定位。

如果我可以让.slider div始终反映图像的宽度,那将是完美的,因为拇指将始终与图像齐平(而不是浏览器窗口,就像现在一样)。

请记住,图像可以垂直和水平动态调整大小,因此我不得不去除图像的宽度和高度。

以下是实际样本的链接:http://peteryang.com/v02/image/tylenol/

1 个答案:

答案 0 :(得分:0)

在图像加载上附加一个事件或使用jQuery显示或调整大小(只需谷歌),并在事件处理程序中找到图像的宽度和高度,并设置父div的宽度和高度

$("#imageid").resize(function(){
    //set the dimensions of the div
});