UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

jQuery图片缩放插件EasyZoom

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

 55780  341  查看评论 (0)
分享到微信朋友圈
X
jQuery图片缩放插件EasyZoom ie兼容8
 查看演示  立即下载

使用方法

html

EasyZoom不依赖于特定的标记结构但重要的是EasyZoom目标元素 (<div class="easyzoom">)只包含一个链接到大图和较小的图像。其他元素目标必须不影响其布局,如绝对定位的元素。

1
2
3
4
5
<div class="easyzoom">
    <a href="images/zoom.jpg">
        <img src="images/standard.jpg" alt="" />
    </a>
</div>


CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
/* Shrink wrap strategy 1 */
.easyzoom {
    float: left;
}
.easyzoom img {
    display: block;
}
/* Shrink wrap strategy 2 */
.easyzoom {
    display: inline-block;
}
.easyzoom img {
    vertical-align: bottom;
}


JavaScript

1
2
3
4
// Instantiate EasyZoom plugin
var $easyzoom = $('.easyzoom').easyZoom();
// Get the instance API
var api = $easyzoom.data('easyZoom');


相关插件-图片展示
查看更多

js 3D图片旋转

 原生js 3D图片旋转插件
  图片展示
 35998  349

jQuery模仿PPTCSS3介绍

 jQuery模仿PPTCSS3介绍,使用鼠标滚轮进行切换
  图片展示
 28363  369

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

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

jQuery画廊-least.js

jQuery画廊-least.js 类似于google图片搜索结果中的展示效果，least.js 随机和响应的JQUERY，HTML 5和CSS3画廊
  图片展示
 35752  330

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

    WEB小妞 0
    2014/7/13 19:25:00
    有没有教程啊，都是别人的插件，我想自己写个。 回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复