页面的head部分，需引入页面的样式文件，代码如下：
![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
附件
<link rel="stylesheet" type="text/css" href="css/pgwslideshow.css">页面的body部分，需设置好ul无序列表里的图片及说明内容等，代码如下：
<ul class="pgwSlideshow">
<li><img src="images/a1.png" alt="秘密" data-description="吸引力法则"></li>
<li><img src="images/a2.png" alt="要求、信念、接受"></li>
<li><img src="images/a3.png" alt="" data-large-src="images/a3.png"></li>
<li><img src="images/a4.png" alt=""></li>
<li><img src="images/a5.png" alt=""></li>
<li><img src="images/a6.png" alt=""></li>
<li><img src="images/a7.png" alt=""></li>
</ul>页面的底部，需引入jQuery库和轮播插件，并对指定元素启用插件，代码如下：
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/pgwslideshow.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.pgwSlideshow').pgwSlideshow({
transitionEffect:'fading',
autoSlide:true
});
});
</script>*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
