
页面的head部分,简单设置页面元素的样式,代码如下:
<style type="text/css">
body{margin: 0;padding: 0}
img{display: block;width: 100%;height: auto;}
#test{ width: 50%; height: auto; margin-left: auto; margin-right: auto; }
</style> 页面的body部分,将多个img标签放入一个div容器里,代码如下:
<div id="test">
<img src="images/1.png">
<img src="images/2.png">
<img src="images/3.png">
<img src="images/4.png">
<img src="images/5.png">
</div> 页面的底部,需引入jQuery库和图片预览插件,并启用插件,代码如下:
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/fly_zomm_img.min.js"></script>
<script type="text/javascript">
/**
* H5图标浏览插件
* 支持多图识别切换
* 支持手势放大,切换
*/
$(function (){
$('#test').FlyZommImg();
})
</script> *
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6
Copyright(C)web.com, All Rights Reserved.
