DZ（ Discuz）百变幻灯片，完全DIY 请跟随教程从头到尾仔细阅读，你将收获不小 第一步制作幻灯片：后台--》门户--》模块模板 点击 添加按扭 如下图所示 此处可以可以选择不同的模块分类如 附件类、帖子类、文章类、图片类等等 可以根据你的喜好选择不同的模块分类 下面我们以文章类为例来讲解，选择文章分类 点提交 如下图所示 ，为新建的模块起个名字 如 “百变幻灯片” 把代码框里面的内容全部删除 接下来 我们输入代码 首先在代码框里面输入
复制代码 其中的div 可以是任意标签，如table， span 等，我们这里以div 为例 此 处 的 标 签 必 须 加 一 个class="slidebox" 的 属 性 如 下面代 码 所 示 ， 只有包 含 在 有class="slidebox"属性的标签里面的内容才是幻灯片 ，切记 如下图所示 接下来，我们增加幻灯代码 下面代码用来实现图片（或内容）的显示作用 属性必须为class="slideshow"的标签
复制代码 上面的代码必须放在 class="slidebox"的属性的标签里面 上面已经讲过 ，完整代码如下
复制代码 接下来我们来增加“滑动”、 “点击”的代码
复制代码 上面的代码必须放在 class="slidebox"的属性的标签里面 上面已经讲过 ，完整代码如下
复制代码 以上代码已完成幻灯片的框架 接下来我们为幻灯片添加数据代码 在
代码中间插入图片显示代码 如下代码
复制代码 其中{pic} 为图片地址变量， {picwidth}为图片宽度变量，{picheight}为图片高度变量 接下来为图片增加循环代码 如下代码 [loop]
[/loop] 复制代码 完整代码如下
