获取 Amaze UI Magnifier
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: 'square',
width: 100
});
});