- 获取 Amaze UI Magnifier
- 直接下载
- 使用 NPM:
npm install amazeui-magnifier
- 在 Amaze UI 样式之后引入 Magnifier 样式(
dist
目录下的 CSS):
Amaze UI Magnifier 依赖 Amaze UI 样式。
<link rel="stylesheet" href="path/to/amazeui.min.css"/>
<link rel="stylesheet" href="path/to/amazeui.magnifier.min.css"/>
- 引入 Magnifier 插件(
dist
目录下的 JS):
<script src="path/to/jquery.min.js"></script>
<script src="path/to/amazeui.magnifier.min.js"></script>
- 初始化 Magnifier:
Amaze UI Magnifier 也支持Data API。
$(function() {
$('#small-image').magnify({
shape: 'rect',
width: 120
});
});