DZ6.1图片幻灯片方式JS调用图文说明

朋友网站要做一个单独的图片幻灯片式展示界面，可在论坛找了许久也没结果。无奈只好自己研究……
参考了：https://discuz.dismall.com/thread-759919-1-1.html 经典！可惜的是slide.js找不到了~~
还看了：https://discuz.dismall.com/thread-909259-1-1.html 完整，可惜是集成式，新手不大容易操作！
下面就详细介绍我根据以上两篇文章完成“幻灯式图片调用”的过程。

1. 准备：完成幻灯片式展播，需要两个文件，附件解压缩后按文件夹结构上传到服务器：
/bbs/include/javascript/flashslide.js
/bbs/images/flashslide.swf

重要：因原附件有bug，6月2日17时以前下载的用户请重新下载此文件！感谢airansate 发现此bug~~
* 注：如果你的论坛装在根目录下，需要修改下面的“调用模板”和flashslide.js中的路径，去掉/bbs。
2. 进入6.1.0后台，工具-数据调用-添加-附件调用。

3.数据调用模板文本框中输入以下代码：

1. <ul id="slidedata" style="display: none">
   
2. [node]
   
3. <li title=img>{imgfile}
   
4. <li title=link>{link}
   
5. <li title=subject>{subject}
   
6. [/node]
   
7. </ul>
   
8. <style type="text/css">
   
9. #slidearea { width: 260px; height: 187px; overflow: hidden; margin: 0 auto; text-align: center; }
   
10. #slidearea img { width: 260px; height: 187px }
    
11. #slidetext { white-space: nowrap; }
    
12. #slidefooter {width: 260px; overflow: hidden; }
    
13. </style>
    
14. <div id="slidecontent"></div>
    
15. <script language="javascript" type="text/javascript" src="/bbs/include/javascript/flashslide.js"></script>

复制代码

这段代码是 https://discuz.dismall.com/thread-759919-1-1.html 那儿抄来的，我不便卖弄~~
4. 设置一下调用参数：除了下图中的部分需要注意外，其余取默认值就可以。

5. 点“预览”看一下效果。

6. 点“提交”保存设置。OK！

附：
☆网页中的JS调用方式：
在需要调用图片幻灯的地方插入以下代码

1. <script type="text/javascript" src="http://[color=Red]你的域名[/color]/bbs/api/javascript.php?key=images_Tac"></script>

复制代码

☆模板文件中调用（以discuz.htm为例）：
打开discuz.htm,找到：
<!--{loop $catlist $key $cat}-->
在上边插入：
{eval request('images_Tac');}
更新缓存后，便可以看到，在论坛列表上面、标签区下面显示出来图片了：


[ 本帖最后由 sdaupp 于 2008-6-2 18:10 编辑 ]

支持下

不错。

但是有个问题：就是如果不在bbs目录下的网页调用，还是无法显示。

比如，在ss的页面上就无法显示。

修改：
<script language="javascript" type="text/javascript" src="/bbs/include/javascript/flashslide.js"></script>
这里面的路径，指向js的真实地址。

原帖由 sdaupp 于 2008-5-27 20:09 发表
修改：

这里面的路径，指向js的真实地址。

好像还是不可以呢。。。

谢谢，留下学习。

这个不错的。自己摸索一下就好。

试了下,没成功.

点预览的时候没图片显示.

我把相对地址改成绝对地址，图片就显示出来了。
还发现，后台的工具-数据调用里面本身就有活跃会员、本版热门主题、今日热门主题、本版最新回复、图片展示等东东，只需要添加在discuz.htm文件里就好了。
大发现啊！谢谢楼主。