原生js放大镜(原创)

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

 22926  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动态缩放焦点图
  图片展示
 35074  401

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

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

鼠标划过图片放大效果

一般用于展示类,鼠标滑过,图片放大,焦点图
  图片展示
 49268  480

jQuery的图片浏览插件Zoomimage

该jQuery插件能够让以当前流行的方式来展示图片。提供:预加载图片提示,对图片进行分组,自动调整图片显示比例,图片分组浏览控制。
  图片展示
 53594  354

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

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