使用css裁剪或缩放图像

我有一个小缩略图的投资组合，每个缩略图都在一个灯箱中打开。我正在尝试将缩略图显示为放大图像。注意，我正在为大版本和缩略图调用相同的图像，因此我需要找到一种方法，使用css和/或javascript来调整缩略图的大小，使其大小相同，但放大得非常近

以下是在灯箱中放大时的全尺寸图像示例： 以下是当前缩略图： 以下是我希望缩略图的外观或放大程度与此类似：

提前感谢您的帮助。

您可以将css背景图像与css背景大小结合使用 检查这个工作状态

e、 g

CSS 第一组{ 背景图片：urlurl/路径； 背景尺寸：200px 200px； } 编辑： 不使用CSS背景很难。。。 欲了解更多信息，请查看此

然而，这里还有另一个问题。我希望它适合你的需要

.缩略图{ 宽度：64px； 高度：64px； 背景尺寸：200px 200px； 背景位置：中心；//仅显示全幅图像的中心 } .满{ 宽度：609px； 高度：447px； 光标：指针； 背景大小：100%100%； 背景位置：初始； } 还有一个小小的javascript

函数fullImage{ $thumbnail.toggleClassfull； }

---

我看这肯定可以裁剪，但我希望放大图像，最好不要用作背景图像。如果你还有其他想法，请告诉我。谢谢你的帮助！你说变焦是什么意思？你的意思是单击它使其显示得更大吗？不，只是想显示更大的选择区域，使其看起来放大。看看我提供的截图，看看我的问题。我又加了一把小提琴。