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

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

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

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

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

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

CSS3三角形图片展示

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

jQuery动态缩放焦点图

jQuery动态缩放焦点图
  图片展示
 34651  401

jQuery全屏图片轮播插件fullpage.js

jQuery全屏图片轮播插件fullpage.js
  图片展示
 63054  397

jQuery放大镜插件cloudzoom.js

jQuery放大镜插件cloudzoom.js,可以实现切换图片,支持滚轮控制放大比例
  图片展示
 43515  411

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

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

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