如标题所示jquery点击图片,我想在点击图片时弹出居中显示进行放大。 这个功能也是借鉴了别人的实现方法,但是有细微的改动jquery点击图片,可以轻松解决点击图片放大的问题。 下面是我自己写的html>点击图片放大````之后给需要放大的图片添加class属性,在JavaScript中调用jQueryZoom插件:````html
``````javascript$(document).ready(function(){$('.zoom').zoom();});```2.jQueryMagnifyjQueryMagnify是另一个基于jQuery的图像放大插件,与 jQueryZoom 一样,您可以在悬停或单击键盘时放大图像。 首先在HTML中引入jQuery和jQueryMagnify文件:````html``` 之后给要放大的图片添加class属性,在JavaScript中调用jQueryMagnify插件:````html
``````javascript$(document).ready(function(){$('.magnify').magnify();});```以上就是使用jQuery实现图片放大的技巧。
发表评论