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

【问题标题】：jQuery/CSS: Div inherit width of dynamically resizable imagejQuery / CSS：Div继承动态可调整大小图像的宽度
【发布时间】：2012-01-24 17:46:42
【问题描述】：

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

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

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

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

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

请记住，图像可以在垂直和水平方向上动态调整大小，所以我不得不去除图像的宽度和高度。

【问题讨论】：

【解决方案1】：

在图像加载或显示或使用 jQuery 调整大小时附加事件（只需 google 即可）并在事件处理程序中找到图像的宽度和高度并设置父 div 的宽度和高度

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

【讨论】：

您好，感谢您的回复。像这样的东西应该工作吗？我试过但无济于事......<script> $('.slides_control img').load(function() { $('.slider').width($('.slides_control img').width()); }); $('.slides_control img').resize(function(){ $('.slider').width($('.slides_control img').width()); }); </script>
把你脚本标签的所有内容都放进去： $(document).ready(function(){ //...把内容放在这里... });另外，在你的加载函数中做一个警报，只是为了确保它被触发 $('.slides_control img').load(function() { alert('test'); $('.slider').width ($('.slides_control img').width()); }); //不要在你的 resize 函数中发出警告，因为它会在 IE 中像疯了一样被触发