<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">image viewer(图片预览)</h1>
</header>
<div class="mui-content">
<div class="mui-content-padded">
<img src="../images/yuantiao.jpg" data-preview-src="" data-preview-group="1" />
<img src="../images/muwu.jpg" data-preview-src="" data-preview-group="1" />
<img src="../images/shuijiao.jpg" data-preview-src="" data-preview-group="1" />
</div>
</div>
</body>
<script type="text/javascript" src="../js/mui.min.js"></script>
<script type="text/javascript" src="../js/mui.zoom.js"></script>
<script type="text/javascript" src="../js/mui.previewimage.js"></script>
<script>
mui.previewImage();
</script>
我把 官方提供的例子中原来的p元素给删除掉了,按原理应该不影响图片预览效果的,
运行后报错没发现previewImage这个函数请各路大神指点一下
走走江南 (作者)
好的稍等一下
2017-05-18 16:41
走走江南 (作者)
我找到原因了,是因为img图片的问题,因为previewimage.js在初始化时会根据图片的data-preview-src属性加载每个图片,如果图片不能在手机上正常现实出来,previewimage就无法完成初始化工作,也就是说previewimage不能正常加载
2017-05-18 17:06