如何使用mui.zoom.js放大缩小图片

分类：MUI

zoom

mui.zoom.js
只能在原有大小上放大，缩小只能缩到原大，为了改变这个我们需要设置下mui.zoom.js下的值：

$.Zoom.defaults = {
speed: 300,
maxZoom: 3,
minZoom: 1,
};

将minZoom的值改成小数，就可以在原大上缩小了

之后写下html的代码如下就可以了
<body>
<div class='mui-zoom-wrapper'>
<div class='mui-zoom-scroller'>
<img class='mui-zoom' src='images/Picture_08_Meadow.jpg' />
</div>
</div>
</body>
<script src="js/mui.min.js"></script>
<script src="js/mui.zoom.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
mui.init({
gestureConfig: {
pinch: true,
doubletap: true
}
});
mui('.mui-zoom-wrapper').zoom();
</script>