使用jQuery进行图像缩放

我一直在搜索这两个站点中用于全屏图像查看的插件：

我正在搜索一个jQuery模块（或教程），它可以做类似的事情。请注意，我指的是当您单击产品图像时的全屏画面，而不是鼠标悬停在图像上时的“CloudZoom”功能。 我目前正在使用广泛使用的Lightbox模块和CloudZoom，但是Lightbox加载的图像太大了（因为对于CloudZoom，href指向一个大图像）

我在这里需要的是一个使用完整浏览器大小的图像（不大于当前浏览器，因为lightbox会创建一个只占浏览器高度的不透明深色背景。如果我的图像更大，用户可以向下滚动，但lightbox深色背景不会填满页面）

---

非常感谢您的帮助

这里是一个链接，您可以从中获得可能对您有帮助的图像

按照你的例子2

更新：

---

这里是jQuery

这里是一个链接，您可以从中获得可能对您有所帮助的图像

按照你的例子2

更新：

---

这是jQuery，您可能想查看使用图像分幅的“CloudZoom”。通过这种方式，您的原始图像可以达到您想要的大小-10mp、20mp甚至100mp（如果您愿意）：如果您单击该图像，还支持全屏显示

您可能想查看使用图像分幅的“CloudZoom”。通过这种方式，您的原始图像可以达到您想要的大小-10mp、20mp甚至100mp（如果您愿意）：如果您单击该图像，还支持全屏显示

你也应该看看。我在几个项目中使用过它，从来没有遇到过问题。这是非常可定制的

你也应该看看。我在几个项目中使用过它，从来没有遇到过问题。这是非常可定制的

你试过了吗：

你试过了吗：

html

<div id="Gpic1"><img id='table' src='http://i.imgur.com/7ESpNI8.jpg'></div>

css

#Gpic1{
    width: 280px;
    height: 187px;
    display: block;
    background: black;
}

#table{
    width: 280px;
    height: 187px;
}

html

<div id="Gpic1"><img id='table' src='http://i.imgur.com/7ESpNI8.jpg'></div>

css

#Gpic1{
    width: 280px;
    height: 187px;
    display: block;
    background: black;
}

#table{
    width: 280px;
    height: 187px;
}

---

谢谢你的回答，辛格快乐。我意识到我的问题不清楚，我知道用于鼠标上方图像缩放的模块，我实际上需要一个模块，当你点击产品图片（类似于灯箱）时，可以处理全屏图像查看。再次感谢！我明白了，谢谢你的全屏图片库！看起来这样就可以了！它看起来像我的示例1链接，只是它们有一个功能，允许在图像上使用鼠标位置上下滚动图像。你认为这是习俗吗？谢天谢地，事情是定制的，我们可以根据我们的要求定制。尝试更改代码和css，你会得到你想要的东西，但这需要良好的语言知识。谢谢你的支持，谢谢你的回答，快乐辛格。我意识到我的问题不清楚，我知道用于鼠标上方图像缩放的模块，我实际上需要一个模块，当你点击产品图片（类似于灯箱）时，可以处理全屏图像查看。再次感谢！我明白了，谢谢你的全屏图片库！看起来这样就可以了！它看起来像我的示例1链接，只是它们有一个功能，允许在图像上使用鼠标位置上下滚动图像。你认为这是习俗吗？谢天谢地，事情是定制的，我们可以根据我们的要求定制。尝试更改代码和css，你会得到你想要的东西，但这需要良好的语言知识。谢谢你的支持。