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

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

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

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

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

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

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

jQuery全屏图片轮播插件fullpage.js
  图片展示
 61535  396

JQUERY全屏撕裂幻灯片-FULLSCREEN-SLIT-SLIDER

fullscreen-slit-slider由 jQuery 和 css3 打造而成。为我们提供了一个全屏的撕裂效果的幻灯片,接下来我就为大家讲解以下相关的用法。
  图片展示
 43589  421

jQuery模仿PPTCSS3介绍

jQuery模仿PPTCSS3介绍,使用鼠标滚轮进行切换
  图片展示
 26656  366

jQuery放大镜插件cloudzoom.js

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

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

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

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