原生js放大镜(原创)

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

 23242  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然后输入参数调用


相关插件-图片展示

jQuery淘宝图片放大镜(原创)

jQuery淘宝图片放大镜,兼容ie7
  图片展示
 37233  372

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

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

jQuery图片放大镜

实现如京东等网站放大缩小效果
  图片展示
 28935  317

jQuery放大镜插件cloudzoom.js

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

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

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