我有一张可以动态调整大小的图片。
图片是图库的一部分,所以在右上角,我有缩略图来查看该图库中的图片。
拇指和图像都包含在一个div中,类为.slider
。
.slider
div总是延伸到浏览器的宽度,并且拇指的位置相对于.slider
。
如果我能让.slider
div总是反映图像的宽度,这将是完美的,因为这样拇指将始终与图像对齐(而不是浏览器窗口,就像现在一样)。
记住,图像可以动态地纵向和横向调整大小,所以我必须去掉图像的宽度和高度。
以下是实际示例的链接:http://peteryang.com/v02/image/tylenol/
在使用jQuery加载或显示或调整大小的图像上附加一个事件(只需谷歌它),并在事件处理程序中找到图像的宽度和高度,并设置父div的宽度和高度
$("#imageid").resize(function(){
//set the dimensions of the div
});