百变幻灯片，完全DIY

第一步制作幻灯片：后台--》门户--》模块模板

点击 添加按扭 如下图所示

此处可以可以选择不同的模块分类如 附件类、帖子类、文章类、图片类等等 可以根据你的喜好选择不同的模块分类

下面我们以文章类为例来讲解，选择文章分类 点提交 如下图所示 ，为新建的模块起个名字 如 “百变幻灯片”  

把代码框里面的内容全部删除

接下来 我们输入代码

首先在代码框里面输入

• <div class="slidebox"></div>
  

复制代码
其中的div可以是任意标签，如table，span等，我们这里以div为例

此处的标签必须加一个class="slidebox"的属性 如下面代码所示 ，只有包含在有class="slidebox"属性的标签里面的内容才是幻灯片 ，切记
如下图所示

接下来，我们增加幻灯代码  下面代码用来实现图片（或内容）的显示作用 属性必须为class="slideshow"的标签

• <div class="slideshow"></div>
  

复制代码
上面的代码必须放在 class="slidebox"的属性的标签里面 上面已经讲过 ，完整代码如下

• <div class="slidebox">
• <div class="slideshow"></div>
• </div>
  

复制代码

接下来我们来增加“滑动”、“点击”的代码   

• <div class="slidebar"></div>
  

复制代码

上面的代码必须放在 class="slidebox"的属性的标签里面 上面已经讲过 ，完整代码如下

• <div class="slidebox"><!--幻灯片开始-->
• <div class="slideshow"> </div><!--图片展示-->
• <div class="slidebar"> </div><!--幻灯片控制展示-->
• </div><!--幻灯片结束-->
  

复制代码
以上代码已完成幻灯片的框架 接下来我们为幻灯片添加数据代码

在<div class="slideshow"> </div> 代码中间插入图片显示代码
http://www.escyx.com/ylyw/93184.html
http://www.escyx.com/ylyw/93185.html