如何使用jquery放大图像

我只是想知道如何使用jquery放大图片，

像这个网站，

链接文字

当你点击大图像时它会放大，你可以移动光标并在放大时看到图片的其他部分，

如果有人能给我看一个链接或让我朝着正确的方向前进，我会很感激。

谢谢

它们不会放大，实际发生的是当您单击缩放文本时，div中的图像将被该图像的较大版本替换。溢出设置为隐藏。

当您移动光标时，使用一些聪明的JavaScript和DOM处理，图像只需相对移动，创建实际放大图片的效果。

我将尝试为您创建一个简单的示例。

编辑

抱歉需要一段时间，但这里是：

   Example

您需要相应地调整缩略图和全尺寸图像的宽度和高度。但只需复制粘贴上面的内容即可查看imageshack上托管的图像示例。

gzoom，miniZoomPan，WarpZoom和Image Detail插件都可以轻松实现这一切。你可以在这里找到它们：

也许还有其他人。

希望有所帮助！

编辑：在上一个问题上列出了几个名为什么是最好的jQuery产品缩放插件？

你需要的不仅仅是简单的缩放。但是在固定视口内的缩放和平移function。您提供的网站可能从头开始编码。我找到了一个不完全一样的你，但你可能想看看这里。

同时，我很想知道Sbm007的例子。

Asos.com从头开始编码，看看如何使用Firebug： http ： //www.asos.com/assets/asosCom/js/libs/asos.js.utils.productpage.js

嘿amir我正在添加一个教程链接，它是您搜索的正确解决方案，从以下链接尝试教程，它还将帮助您以其他3种方式放大图像…

我试过这个，它工作正常。