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

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

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

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

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

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

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

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

纯js写的祝愿墙

这是一款纯js编写的祝愿墙,墙上的祝福标签的位置随机出现,每次刷新,出现的位置各不相同。
  图片展示
 24335  322

jQuery支持图片放大缩小查看效果

e-smart-zoom-jquery.js插件页面上提供了两个按钮,可以让你的图片点击放大或者缩小当然,对于懒人来说,真是懒得点击那么你可以将鼠标悬停在图片上,滚动鼠标滚轮即可实现图片的放大或者缩小效果
  图片展示
 162840  519

jQuery仿京东商品放大镜

jQuery重写仿京东商品放大镜,使用更简单
  图片展示
 39560  505

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

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

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