页面的head部分，需引入页面的样式文件，代码如下：
![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
附件
<link type="text/css" rel="stylesheet" href="css/css.css" />页面的body部分，需在div容器里放入多个图片链接，代码如下：
<div id="content">
<a class="example1" href="images/d2.jpg"><img src="images/x2.jpg" /></a>
<a class="example1" href="images/d1.jpg"><img src="images/x1.jpg" /></a>
<br /><br />
<a class="example2" href="images/d3.jpg"><img src="images/x3.jpg" /></a>
<a class="example2" href="images/d4.jpg"><img src="images/x4.jpg" /></a>
</div>页面的底部，需引入两个必要的js文件，并对指定元素启用图片放大特效，代码如下：
<script type="text/javascript" src="js/jqueryLibrary.min.js"></script>
<script type="text/javascript" src="js/jquery.imgbox.pack.js"></script>
<script type="text/javascript">
$(function(){
$(".example1").imgbox();
$(".example2").imgbox({
'speedIn' : 0,
'speedOut' : 0,
'alignment' : 'center',
'overlayShow' : true,
'allowMultiple' : false
});
});
</script>*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
