原生js放大镜(原创)

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

 24425  322  查看评论 (2)
分享到微信朋友圈
X
原生js放大镜(原创) ie兼容10
<div id="fdj">
    <div>
        <div></div>
        <img src="img/p1.jpg" />
    </div>
</div>

这是html部分的格式

var box=document.getElementById('fdj');
var box2=document.getElementById('fdj2');

//第一个参数是最外层容器的ID,第二个参数是放大倍数;

changeBigImg(box,5);
changeBigImg(box2,3);

js部分的调用方法,获取id然后输入参数调用


相关插件-图片展示

原生js图片查看插件(原创)

原生js实现点击图片放大预览
  图片展示
 35368  348

jQuery图片放大、缩小、旋转

jQuery图片旋转插件jQuery.artZoom修改版
  图片展示
 53383  309

jQuery原始图片对比插件

这是一款很实用的jQuery图片插件,它可以帮助你实现原图和经过处理的图片进行对比,这款jQuery插件一共有3中对比模式,主要是拖动中间的分割线来进行两张图片的细节对比。
  图片展示
 35467  365

简易的jQuery无缝滚动(原创)

简易无缝滚动,只需要改变高度(不用设宽度)嗯,或许看看就知道是不是你想要的
  图片展示
 39507  444

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

    sweet 0
    2019/1/18 9:51:40
    中间那个箭头被图片档住了;
        you are nobody0
        2019/1/18 14:38:27
        这个是+号鼠标背景白色的和图片一个颜色然后就重叠了
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复