jQuery鼠标滚轮放大缩小查看图片(原创)

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

 3877  22  查看评论 (8)
jQuery鼠标滚轮放大缩小查看图片(原创) ie兼容7

使用方法

第一,整合页面结构(html+css)
第二,引入zoom.js,传入参数

$(function() {
    /*
     smallimg   // 小图
     bigimg  //点击放大的图片
     mask   //黑色遮罩
     */
    var obj = new zoom('mask', 'bigimg', 'smallimg');
    obj.init();
})

第三、第三、这样就能看到效果了*-*

相关插件-图片展示

HTML5卡片人物介绍动画展示效果

HTML5卡片人物介绍动画展示效果ie9和ie10没有测试,ie8以下不支持。基于bootstrap框架制作
  图片展示
 17481  164

jQuery仿京东商品放大镜

jQuery重写仿京东商品放大镜,使用更简单
  图片展示
 12540  183

360度全景展示效果

按下鼠标左键拖拽360度全景展示效果
  图片展示
 11677  122

立体图片展示

图片随鼠标转向
  图片展示
 11900  163

讨论这个项目(8)回答他人问题或分享插件使用方法奖励jQ币

    ℃戚咿如此。 0
    2018/4/26 10:35:20
    学习了,谢谢版主
        ? ??。 E o d0
        2018/4/26 14:56:01
        客气了,互相学习
    回复
    夜鸦同学 0
    2018/4/24 10:12:43
    滚轮只能缩小,不能放大。
    滚轮正向反向滚动都是缩小
    谷歌 65.0.3325.162 X64
        ? ??。 E o d0
        2018/4/26 14:55:02
        找不到这个版本的浏览器,尴尬了。*------*
    回复
    网站建设推广-壹起航阿凯 0
    2018/4/24 9:10:34
    放大的时候加动态效果就不错了
        ? ??。 E o d0
        2018/4/24 9:30:25
        我会努力让他升级的!
    回复
    _C 0
    2018/4/24 0:51:02
    很不错 66666
        ? ??。 E o d0
        2018/4/24 9:25:29
        谢谢哦!*-*
    回复
取消回复