jquery强制调整div内的图像大小答案

【问题标题】：jquery force resize image within divjquery强制调整div内的图像大小
【发布时间】：2013-06-16 21:03:31
【问题描述】：

在 jquery 缩放 div 中寻找强制图像的图像大小。

我已经尝试对高度和宽度进行硬编码，但无济于事。

这是现场的放大图： http://totallypleasured.co.uk/product_info.php?products_id=1876

当您将鼠标悬停在 div 内的图像上时，单击第三个缩略图可查看问题。图像太小，因此重复 4 次。我需要强制图像大小大于图像缩放 div 来解决问题。

这是生成缩放 div 的代码。

zoomDiv = appendTo.append(format('<div id="cloud-zoom-big" class="cloud-zoom-big" style="display:none;position:absolute;left:%0px;top:%1px;width:%2px;height:%3px;background-image:url(\'%4\');z-index:99;"></div>', xPos, yPos, w, h, zoomImage.src)).find(':last');

【问题讨论】：

您的问题是什么？当我点击第三个缩略图并将鼠标悬停在图像上时，我应该看到什么问题？
appendTo 实际上是一个 jQuery 方法，但这是您尝试使用的方法，还是您只是为变量选择了一个非常糟糕的名称？
问题是，图像被复制了 4 次，因为图像只有 250 像素 - 我需要强制图像的大小为 500 像素，所以它只显示图像一次。
@adeneo 这是一个贡献。这不是我的编码 - 如果它是一种方法，我希望它正在被使用。

标签： jquery

【解决方案1】：

只需将 background-size 添加到 div 的 css 中。所以像：

background-size: 320px 320px;

并确保它不会重复使用：

background-repeat:no-repeat;

【讨论】：

@PaulWaudby 不客气。请接受答案，以便未来的观众可以知道什么有效:)