10个jQuery插件,用于在鼠标悬停时缩放图像

在构建电子商务网站(尤其是展示柜,网站画廊)时,始终需要使用许多优质图像,并为访问者/客户提供图像或产品的详细视图。这是10 jQuery的 您需要考虑在鼠标悬停时缩放图像的插件。

ens

您可以通过多种方式在网页上添加特殊效果,其中一种是在用户将鼠标悬停在网页上时对图像添加缩放效果。这种效果特别适用于设计意图同时显示这两种效果的组合类型情况视觉和信息细节。可以使用此jQuery插件创建。

jq-zoom-bshk-6

云变焦

This is a popular fly-out jQuery的 image 放大 plugin used on many high profile retail sites.

cloud 放大

提升变焦

使用两张图像时,高倍缩放效果最好,一张低分辨率显示可见图像,另一张高分辨率显示缩放图像。如果只有一幅图像,则按比例缩小图像仍然可以使用“高倍缩放”,尽管不建议这样做,因为如果加载较大的图像,页面加载时间将增加

elevate 放大

jQuery的缩放

单击或鼠标悬停时放大图像的插件。

jq-zoom-bshk-2

影像镜头

镜头效果图像缩放的jQuery插件。

jq-zoom-bshk-3

放大镜

放大镜 is a lightweight onhover image magnifier for jQuery的. It is a great, and 小, plugin with lots of options and browser compatibility. A nice feature here is the gallery mode which not all 放大 scripts allow for. The choice of a number of high profile retail sites.

jq-zoom-bshk-5

任何东西Zoomer2

It’在许多方面都很灵活,因为“small”, “large”, and “zoom”区域都很容易自定义(通过CSS)。它’在其他方面不灵活,因为它没有’t “automatically”通过克隆内容或类似内容(可以说更灵活)来工作,并且HTML结构相当严格。

jq-zoom-bshk-7

JQZoom

它是在流行的jQuery javascript框架顶部构建的javascript图像放大镜。 jQzoom是一个很棒且非常易于使用的脚本,可以放大您想要的内容。

jq-zoom-bshk-9

图像电动变焦器

有些图像值得仔细研究,这就是为什么’s图像放大功能。当鼠标悬停在页面上时,它可以放大页面上的任何图像。一种“magnifying glass”出现在图像上方的图标使用户可以在光标周围移动时放大图像的任何部分。此外,就像在许多图形程序中一样,可以通过前后旋转鼠标滚轮来即时调整放大倍数。

jq-zoom-bshk-10

1 Comments

  1. 很棒的资源..谢谢!

发表评论

请客气。我们对此表示赞赏。您的电子邮件地址将不会被发布,并且必填字段已被标记

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.