JQ插件 放大镜 对比图 倍数可选

所属分类:媒体-图片展示

 28568  353  查看评论 (8)
分享到微信朋友圈
X
JQ插件 放大镜 对比图 倍数可选 ie兼容10

将两张图片分别定义class为:rightImg与laftImg,放到两个DIV容器中。图片布局需调整为左右分布。

使用如下JS即可,//第一个参数是对应的对比图class 第二个参数是放大倍数

$(document).ready(function(){
    $(".laftImg").blowup("rightImg",1);
    $(".rightImg").blowup("laftImg",1);
})
相关插件-图片展示

HTML5/CSS3超酷焦点图特效

焦点图插件切换效果比较简单,但是外观和功能却十分强大。该CSS3焦点图在切换图片时,图片以淡入淡出的方式缩小消失并显示下一张图片。焦点图插件还拥有一套非常大气的前后翻页按钮,是一款非常实用HTML5/CSS3焦点图应用。
  图片展示
 33558  306

CSS3三角形图片展示

CSS3三角形图片展示
  图片展示
 41035  398

jQuery鼠标滚轮放大缩小查看图片(原创)

使用jquery实现点击放大图片之后,使用鼠标滚轮放大缩小图片,点击遮罩关闭图片
  图片展示
 61766  380

jQuery圆形转动切换文字

jQuery实现头像和文字的切换,并且伴随着圆环的转动,很有趣的效果
  图片展示
 33080  515

讨论这个项目(8)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    贝吉特 0
    2018/6/4 9:01:04

    老哥,为什么,我打了一个

    function go(){         
        document.getElementById("DNF").src="6.jpg";  
    }

    然后点击改变图片,放大镜还是放大原来的图片,图片都改变了

        归零0
        2018/9/14 14:24:45
        兄弟半年了,你还没完这个??
        Lccccccccc0
        2018/12/9 15:07:10
        这不是一个人吧。。
        ....0
        2019/2/25 11:23:44
        这个还真不知道
    回复
    @ 0
    2018/3/8 10:05:21
    我,你的依靠 0
    2017/12/26 11:45:27
    破晓 0
    2017/12/15 14:28:15

    真的很棒,一直想知道这样的效果是怎么做出来的。

        归零0
        2017/12/15 15:34:40

        源码都有,写的蛮清楚了的。

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复