Discuz X2循环滚动的广播台

dly · 发表于 2011-6-5 21:22:20

预览地址：http://bbs.cdlyh.com/thread-10836-1-1.html
本论坛也有朋友发布过跟我这个样子一样的广播台，但可惜的是没有一个是能循环滚动的，本人经过潜心研究，终于搞定循环滚动的问题。现将此插件免费放出来给有需有的朋友的。

安装方法：

1、将安装包解压后，得到bbsradio这个文件夹，将这个文件夹整个放到\template\default\目录下，
2、然后再打开帖子列表页或者内容页，然后DIY页面，添加框架，再添加一个展示类的静态模块，并把下面内容添加进去

<table width=960 align=center cellSpacing=0 cellPadding=0>
<tr>
<td align=left>
<iframe height=186 width=960 frameborder=0 scrolling=no src=/template/default/bbsradio/index.html align=left></iframe>
</td>
</tr>
</table>

复制代码

3、然后再进入后台，门户，模块管理，数据调用，我们在此添加一个广播台图片上面的文字调用，这个教程就不用我说了。

复制代码

4、同样再到后台，门户，模块管理，再添加一个图片模块的调用。图片调用里模块模版里请把下面的内容填写进去。

<script type="text/javascript">
//实例化
var tab = new TabBoard( document.getElementById("radio_show") , document.getElementById("radio_page") , document.getElementById("radio_prev") , document.getElementById("radio_next") , 140 );document.write('[loop]');tab.Add('<a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}" /></a><a href="{url}" title="{title}"{target} class=" class="piczi"">{title}</a>');document.write('[/loop]');
//初始化
tab.Start();
//自动播放（4秒）
tab.Auto(10000);
//当窗口尺寸发生变化时再次初始化
window.onresize = function(){
tab.Start();
};
</script>

复制代码

5、然后再一一选择你添加这两个调用后面的外部调用，复制弹出来的那框里的一段代码，再打开下面压缩包里的文件index.html，替换掉12行和16行的那两段JS代码，注意，上面的一段是文字的，下面一段才是图片的，不要搞反了。

附件下载：

游客，如果您要查看本帖隐藏内容请回复

shiyong281 · 发表于 2011-6-8 16:56:29

要的就是这个，太好了

toycaners · 发表于 2011-6-8 22:04:00

这个很不错啊！！

情恋五月天 · 发表于 2011-6-9 11:16:57

111111111111111

mr__-chen · 发表于 2011-6-10 18:38:38

哈哈很不错很喜欢哦

haonanhai50 · 发表于 2011-6-10 19:19:17

看看好东西啊

itgenius · 发表于 2011-6-11 00:49:45

感谢了，这个真好！

xhnet · 发表于 2011-6-11 11:20:24

不错啊这个喜欢

曹恩泽 · 发表于 2011-6-11 15:00:34

顶顶更健康

franklau · 发表于 2011-6-11 19:43:13

good good good

[代码修改] Discuz X2循环滚动的广播台