jquery - 如何使用 Jquery 对图像进行平滑的自动放大?

标签 jquery html css

首页our site如您所见,我使用闪光灯对图像进行了平滑的放大,焦点移入并在几秒钟后停止。我想知道是否有一种方法可以在 JavaScript(最好是 JQuery)中执行此操作,因为我想稍后在站点中实现它但没有 flash...

在此先感谢您的帮助!

干杯, 沙迪

最佳答案

是的,有很多 jQuery 插件可以做到这一点,有些甚至做得更多。我在谷歌上搜索了“jquery zoom image”,这是第一个似乎可以完成这项工作的东西:

http://www.eyecon.ro/zoomimage/

另一个基本概念是使用 jQuery 的 animate() 函数,它可以使您对宽度和高度的变化进行动画处理。您必须在具有 CSS 属性 overflow: hidden 的图像上放置一个容器。这将允许您将图像扩展到您想要的任何尺寸。

关于jquery - 如何使用 Jquery 对图像进行平滑的自动放大?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3206670/

相关文章:

asp.net - SimpleModal 和 ASP.NET 的基本帮助

javascript - 从 map 外部单击的 Leaflet openPopup 方法

css - 将 CSS 宽度设置为 100% + 缺少右边框?

css - 将 CSS 类添加到 reStructuredText 内部引用

javascript - 使用 jquery/javascript 触发 svg 动画

JQuery/JavaScript 下拉菜单不起作用

jquery - 寻找一个轻量级移动 HTML5/JavaScript 框架的推荐

PHP单页表单验证表单未验证

css - 不是针对元素的属性

html - 将输入元素置于嵌套 div 的中心