原生js放大镜(原创)

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

 22791  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商品放大镜特效加点击放大全屏切换
  图片展示
 26820  327

jQuery加vue 3D盒子旋转展示

3D旋转盒子,全景展示,可选择图片,设置宽高
  图片展示
 35700  367

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

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

焦点效果

类似于百叶窗的效果
  图片展示
 35391  362

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

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