京东产品详细页图片放大效果

所属分类:UI-背景

 43053  440  查看评论 (36)
分享到微信朋友圈
X
京东产品详细页图片放大效果 ie兼容6

说明:

京东商城目前详细页正在使用的放大镜插件,效果很简单易用

图片采用绝对路径,这样方便懒人们使用

内容分为大图部分以及缩略图列表部分,可以分开使用

使用方法:

1、将jq22.css样式引入到你的网页中

2、将body中class='container'里的内容复制到你的网页中即可

   (注意保持js路径正确)

3、并引入js文件

  <script src="http://libs.baidu.com/jquery/1.6.0/jquery.min.js">
  </script><script src="js/jquery.jqzoom.js"></script> 
  <script src="js/jq22.js"></script>


相关插件-背景

超简单的背景循环插件JoynBackground

使用超简单,代码仅1句,改变参数就可以了。
  背景
 49014  558

首页大屏背景图平滑切换

首页大屏背景图平滑切换
  背景
 33229  337

jQuery颜色选择器ColorPicker

ColorPicker基于强大的jQuery,使用方便、配置简单,同时不需要加载额外的CSS文件。可以随心所欲的使用到项目中,兼容各大浏览器。
  背景
 54372  279

京东产品详细页图片放大效果

京东商城详细页产品图片列表以及放大镜效果 兼容ie6+,谷歌,火狐
  背景
 43054  440

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

    szxy 0
    2019/8/23 15:22:25
    容器宽高设置大一点,放大镜就出问题了,只能在原来350px的范围里活动 回复
    Actor 0
    2018/8/14 12:54:29
    甘愿喂了猫的鱼 0
    2018/6/12 12:22:39
    发现这个插件放到bootstrap的栅格里出现了bug,不知道怎么解决
        甘愿喂了猫的鱼0
        2018/6/12 12:28:19
        在父元素div的class名有栅格化的class名(col-lg-9 col-md-8 col-sm-8)时插件出现bug,求解决办法
    回复
    ? ? 0
    2017/12/24 1:40:50
    Hello world! 0
    2017/11/26 16:01:02
    忆殇 ° 0
    2017/11/23 20:59:42

    插件很好用 修改也方便

    回复
    忆殇 ° 0
    2017/11/23 20:59:04

    很好用 修改也方便

    回复
    samson77 0
    2017/11/11 15:23:33
    ?旧识??? 0
    2017/9/18 16:21:17
    x1299906945 0
    2017/9/8 11:04:24

    感觉功能简单更容易自己修改

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复