限时优惠活动
亲爱的苦力吧用户,我们为了回馈新老用户一直以来的鼎力支持,即日起(2025-02-06至2025-03-06)凡是购买苦力吧VIP/充值K币的新老用户,都直接可获得买一送一的优惠馈赠。例如:购买一个月的VIP会员可直接获得两个月的VIP会员;充值100K币可直接获得200K币,以此类推!有任何疑问可联系在线客服,感谢各位用户对苦力吧素材的信任与厚爱,我们将一如既往的给大家上新更多优质的素材源码,祝大家开工大吉、工作顺利、心想事成。

jquery图片模拟放大镜插件abPicZoom

所属分类: 网页特效-图片特效&上传    2024-10-23 01:15:03

jquery图片模拟放大镜插件abPicZoom ie兼容6
 查看演示  登录后下载 温馨提示
登录会员即可享受免费下载
 我要建站

jquery图片模拟放大镜插件abPicZoom(共30个文件)

    • index.html

使用方法

一. 基础使用设置 

在网页的头部引用jQuery和agilebins和abPicZoom三个必需的js既将jquery和agilebins和abPicZoom包含在head标中或位于关闭正文标记之前。请确保在和abPicZoom之前包含agilebins,agilebins之前包含jquery前后顺序不能乱。 


二. 编写html代码 

创建一个div的父层,如此例子abPicZoom-preview。在其内部为每一个幻灯片创建一个目标元素.bigImg和.smallImg和.smallList,使用css控制其样式。jQuery和abPicZoom和agilebins将选定父层元素内的层标签与样式应用于它们,并按照您的喜好定位。 


三. 编写例子css样式 

编写 html 和 css 样式时一定要注意,父层元素和容器层元素,都必须具有指定的宽度和高度,jquery.agilebins-v1.0.4.min.js 才能正常的工作。 


四. 调用参数的设置 

在要使用效果的div父层abPicZoom-preview外,放置调用代码即可实现效果。建议把每个页面的调用,统一放在页尾标签关闭之前,方便维护与管理。注意调用代码必须放在引用jquery和agilebins和abPicZoom之后的位置才能正常使用。

站长提示:
1. 苦力吧素材官方QQ群:950875342
2. 平台上所有素材资源,需注册登录会员方能正常下载。
3. 会员用户积极反馈网站、素材资源BUG或错误问题,每次奖励2K币
4. PHP源码类素材,如需协助安装调试,或你有二次开发需求,可联系苦力吧客服。
5. 付费素材资源,需充值后方能下载,如有任何疑问可直接联系苦力吧客服
相关资源 / 图片特效&上传

jquery支持旋转的全屏弹出图片插件

一款支持360度旋转的弹出层插件,全屏响应式,非常实用。
  图片特效&上传
 3392  0

jquery文本文字列表轮播切换特效插件

一款文本文字内容列表切换特效,可自定义设置,带左右箭头、数字圆点,点击即可切换列表内容。
  图片特效&上传
 8449  0

jquery手机移动端调取摄像头拍照截图插件

一款移动端拍照截图插件,手机端点击调取摄像头拍照,完成后直接可以截图编辑照片,非常实用。
  图片特效&上传
 4236  0

jquery支持拖拽滑动的图文幻灯片特效代码

一款响应式左右滑动的卡片轮播特效,支持触屏或鼠标拖拽左右滑动,非常实用好看。
  图片特效&上传
 3200  0

评论数(0) 回复有机会获得K币 用户协议

^_^ 还没有人评论,快来抢个沙发!
😀
  • 😀
  • 😊
  • 😂
  • 😍
  • 😑
  • 😷
  • 😵
  • 😛
  • 😣
  • 😱
  • 😋
  • 😎
  • 😵
  • 😕
  • 😶
  • 😚
  • 😜
  • 😭
发表评论