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

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

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

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

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

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

jQuery点击图片预览并显示详情

jQuery点击图片预览并显示详情,加入购物车,适合简单的商城系统
  图片展示
 50155  693

jQuery商品放大镜预览代码

jQuery商品放大镜特效加点击放大全屏切换
  图片展示
 25777  327
  图片展示
 44415  401

jQuery唯美图片Y轴展示

实现精美唯美图片Y轴展示效果
  图片展示
 37229  498

讨论这个项目(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

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

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