jQuery超轻量级图片缩放插件sinlar.js

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

 35602  318  查看评论 (10)
分享到微信朋友圈
X
jQuery超轻量级图片缩放插件sinlar.js ie兼容8

使用方法

先引入

<script scr="js/jquery.min.js"></script>
<script scr="js/sinlar.js"></script>

在需要缩放的img标签中

<img class="data-img" src="img/1.jpg">

即可使用缩放功能

相关插件-图片展示

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

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

移动端图片缩放插件Pinchzoom.js

此插件功能包括手机轮播,图片点击放大再次点击缩小功能
  图片展示
 101440  398

HTML5-CSS3图片过滤归类应用

通过点击不同类型图片按钮,可以选择展示不同类型的图片,共有三种展现方式,可以对不同图片进行归类
  图片展示
 36038  346

jQuery背景墙聚光灯效果代码

jQuery背景墙聚光灯效果代码
  图片展示
 31793  330

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

    无谓 0
    2024/10/24 16:46:05
    只能点击查看,不能鼠标缩放吗? 回复
    zjkforever 0
    2019/5/9 10:12:23
    中的图片只能在那块文档中显示,不是按照屏幕来显示
        深渊0
        2019/5/13 17:16:27
        被你发现了,这个做的比较随便,建议看看新发布的图片查看插件
    回复
    李春东 0
    2019/4/18 16:47:50
    为什么不能放大呢,引入了,点击没有放大,src和class都已经正确
        深渊0
        2019/5/13 17:15:52
        不应该不放大的,检查一下是否有引入jQuery文件
    回复
    【Mi2】up ㄊ 0
    2018/7/4 16:50:22
    无data-img类名的在移动端点击没反应啊,,怎么解决
        深渊0
        2018/7/15 16:32:45
        无data-img类名则不绑定点击事件,如需点击展开图片请加上data-img类名
    回复
    失算 1
    2018/3/6 2:29:11

    注意。。作者说明的引入方法里的代码打错了。

    <script scr="js/jquery.min.js"></script>
    <script scr="js/sinlar.js"></script>

     应为src

    回复
    苏兄 0
    2018/2/28 0:56:44
    怎样下载啊?
        西瓜0
        2018/2/28 0:59:30
        直接点下载,不就行了。
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复