在DIY时如何调用幻灯片，幻灯片该如何制作，这一讲我们来教大家如何制作幻灯片请跟随教程从头到尾仔细阅读，你将收获不小第一步制作幻灯片：后台--》门户--》模块模板点击添加按扭如下图所示2010-9-2510:48上传HYPERLINK"http://www.discuz.net/forum.php?mod=attachment&aid=Nzk4MjIzfGQzZmM5YzUxfDEyOTk3MzY1MzV8MTU4NTg4NQ%3D%3D&nothumb=yes"\o"1.gif下载次数:155"\t"_blank"下载附件(12.23KB)此处可以可以选择不同的模块分类如附件类、帖子类、文章类、图片类等等可以根据你的喜好选择不同的模块分类下面我们以文章类为例来讲解，选择文章分类点提交如下图所示，为新建的模块起个名字如“百变幻灯片”把代码框里面的内容全部删除2010-9-2510:56上传HYPERLINK"http://www.discuz.net/forum.php?mod=attachment&aid=Nzk4MjMxfDI1NjIxMTg1fDEyOTk3MzY1MzV8MTU4NTg4NQ%3D%3D&nothumb=yes"\o"2.gif下载次数:74"\t"_blank"下载附件(27.19KB)接下来我们输入代码首先在代码框里面输入<divclass="slidebox"></div>复制代码其中的div可以是任意标签，如table，span等，我们这里以div为例此处的标签必须加一个class="slidebox"的属性如下面代码所示，只有包含在有class="slidebox"属性的标签里面的内容才是幻灯片，切记如下图所示2010-9-2511:07上传HYPERLINK"http://www.discuz.net/forum.php?mod=attachment&aid=Nzk4MjQ0fDRiZTYxODA3fDEyOTk3MzY1MzV8MTU4NTg4NQ%3D%3D&nothumb=yes"\o"3.gif下载次数:75"\t"_blank"下载附件(13.58KB)接下来，我们增加幻灯代码下面代码用来实现图片（或内容）的显示作用属性必须为class="slideshow"的标签<divclass="slideshow"></div>复制代码上面的代码必须放在class="slidebox"的属性的标签里面上面已经讲过，完整代码如下<divclass="slidebox"><divclass="slideshow"></div></div>复制代码接下来我们来增加“滑动”、“点击”的代码<divclass="slidebar"></div>复制代码上面的代码必须放在class="slidebox"的属性的标签里面上面已经讲过，完整代码如下<divclass="slidebox"><!--幻灯片开始--><divclass="slideshow"></div><!--图片展示--><divclass="slidebar"></div><!--幻灯片控制展示--></div><!--幻灯片结束-->复制代码以上代码已完成幻灯片的框架接下来我们为幻灯片添加数据代码在<divclass="slideshow"></div>代码中间插入图片显示代码如下代码<divclass="slideshow"><imgsrc="{pic}"width="{picwidth}"height="{picheight}"/></div><!--图片展示-->复制代码其中{pic}为图片地址变量，{picwidth}为图片宽度变量，{picheight}为图片高度变量接下来为图片增加循环代码如下代码[loop]<imgsrc="{pic}"width="{picwidth}"height="{picheight}"/>[/loop]复制代码完整代码如下<divclass="slidebox"><!--幻灯片开始--><divclass="slideshow">[loop]<imgsrc="{pic}"width="{picwidth}"height="{picheight}"/>[/loop]</div><!--图片展示--><divclass="slidebar"></div><!--幻灯片控制展示--></div><!--幻灯片结束-->复制代码接下来为滑动条增加数字在<divclass="slidebar"></div>中增加娄字变量如下代码<divclass="slidebar