带有悬停细节的jQuery图像缩放

Posted 2023-05-08

【中文标题】带有悬停细节的jQuery图像缩放

【英文标题】：jQuery image zoom with details on hover

【发布时间】：2011-10-11 03:47:53

【问题描述】：

我正在寻找一个 jQuery 插件，它可以缩放缩略图并显示有关图像的一些细节。和谷歌图片搜索差不多。

我找到了http://www.malsup.com/jquery/hoverpulse/，这就是我要找的，只是这个不能显示更多信息。

任何人都知道是否有一个插件可以做我正在寻找的东西..？

【问题讨论】：

其实很简单，很容易更新脚本。推荐给所有会用 JQuery 编写代码的人。我已经为可变宽度/高度的图像更新了这个脚本。

【参考方案1】：

这是一个包含 15 个插件的链接，我已经成功使用了其中两个。 http://www.tripwiremagazine.com/2010/02/15-jquery-plugins-to-create-stunning-image-zoom-effects.html

【讨论】：

感谢您的回答，但它们都不是我真正想要的。我希望找到更类似于 Google 在图片搜索中使用的内容。

我为我使用的 CMS 做了类似的事情

我为 CMS 做了类似的事情，我使用隐藏的 div 存储其他信息，悬停时会展开，比如 <div id'main' class='zoom'><div id='hidden'><!-- content --></div><img ></div> 然后在脚本中添加 $('.zoom').hover() 并显示更大的图像和其他html。我在一个房地产网站上使用这种方法来显示列表的详细信息，有点像我认为你正在尝试做的事情。希望这会为您指明正确的方向。

再次感谢。是的，我想我会做一些类似的事情，因为我找不到任何现有的插件来做我想要完成的事情。虽然我找到了sohtanaka.com/web-design/popout-details-on-hover-w-css，这或多或少是我要找的。​​span>

我最终自己写了这个，目前我的代码有点乱。但是一旦我准备好了，我会在这里发布一个例子。再次感谢 Vaughn 提供的帮助。