页面的head部分，简单设置页面元素的样式，代码如下：
![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
附件
<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>*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
