Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

我也给大家来一个超级经典flash轮播的,绝对的经典,我找了很久没有找到,自己做了个

[复制链接]
cqbaobao 发表于 2011-10-20 11:33:01 | 显示全部楼层 |阅读模式
DIY模块素材
模块类型: 门户类
展示风格: 幻灯轮播
是否原创:
本帖最后由 cqbaobao 于 2012-3-9 13:21 编辑

效果,我这个是通栏的。大家可以根据需要修改下模版里面的宽和高。


因为是flash版的,所以需要上传一个flash,其他的样式有xml导入的。flash使用的是cms系统最流行的bcastr播放器,更多参数大家可以网上查询的。 (附件已经修正无法链接的情况。)

  1. <div class="module cl">      <script type="text/javascript">
  2.           var config = '3|0xffffff|0x0099ff|50|0xffffff|0x0099ff|0x000000';
  3.           var swf_width=958;//flash宽,需要设置
  4.           var swf_height=320;//flash高,需要设置
  5.           var files = '[index=1]{pic}[/index][loop]|{pic}[/loop]';
  6.   var links = '[index1=1]{url}[/index1][loop1]|{url}[/loop1]';
  7.   links = links.replace(/\&/g,"%26");
  8.   var texts = '[index2=1]{title}[/index2][loop2]|{title}[/loop2]';
  9.           document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"  width="'+ swf_width +'" height="'+ swf_height +'">');
  10.           document.write('<param name="movie" value="static/image/common/focus.swf" />');
  11.           document.write('<param name="quality" value="high" />');
  12.           document.write('<param name="menu" value="false" />');
  13.           document.write('<param name="wmode" value="transparent" />');
  14.           document.write('<param name="FlashVars" value="config='+config+'&bcastr_flie='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'" />');
  15.           document.write('<embed src="static/image/common/focus.swf" wmode="opaque" FlashVars="config='+config+'&bcastr_flie='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'" menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +' type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
  16.           document.write('</object>');
  17.         </script>
  18. </div>
复制代码
原来发布的代码中有个问题,就是链接地址的&会被flash认为&后面是flash的参数,目前对其进行了修正。在
  var links = '[index1=1]{url}[/index1][loop1]|{url}[/loop1]';
后面加上一个替换一下。
  links = links.replace(/\&/g,"%26");

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

评分

1

查看全部评分

 楼主| cqbaobao 发表于 2011-10-20 11:34:31 | 显示全部楼层
本帖最后由 cqbaobao 于 2011-11-29 20:03 编辑

做到最大的兼容,在需要的地方直接调用script部分。

高级设置
默认参数字符串
0xffffff:文字颜色| 2:文字位置| 0xff6600:文字背景颜色| 60:文字背景透明度| 0xffffff:按键文字颜色| 0xff6600:按键默认颜色| 0x000033:按键当前颜色| 8:自动播放时间(秒)| 2:图片过渡效果| 1:是否显示按钮| _blank:打开新窗口
颜色都以0x开始16进制数字表示
文字颜色:题目文字的颜色
文字位置:0表示题目文字在顶端,1表示文字在底部,2表示文字在顶端
文字背景透明度:0-100值,0表示全部透明
按键文字颜色:按键数字颜色
按键默认颜色:按键默认的颜色
按键当前颜色:当前图片按键颜色
自动播放时间:单位是秒
图片过渡效果:0,表示亮度过渡,1表示透明度过渡,2表示模糊过渡,3表示运动模糊过渡
是否显示按钮:0,表示隐藏按键部分,更适合做广告挑轮换
打开窗口:_blank表示新窗口打开。_self表示在当前窗口打开
回复

使用道具 举报

kaism 发表于 2011-10-20 15:12:49 | 显示全部楼层
路过,支持下!!
回复

使用道具 举报

 楼主| cqbaobao 发表于 2011-10-21 11:05:44 | 显示全部楼层
被下载12次,仅仅一个回复。杯具
回复

使用道具 举报

哦某哦某Key大仙 发表于 2011-10-22 02:03:59 | 显示全部楼层
我搞完之后成了白色是为啥
回复

使用道具 举报

nawanla 发表于 2011-10-22 07:34:56 | 显示全部楼层
这样的广告只有企业网站才会用的到哦
回复

使用道具 举报

 楼主| cqbaobao 发表于 2011-10-23 10:16:55 | 显示全部楼层
哦某哦某Key大仙 发表于 2011-10-22 02:03
我搞完之后成了白色是为啥

什么地方成白色了的?成白色了可能是你调用额数据没有设置好~设置下就好了
回复

使用道具 举报

 楼主| cqbaobao 发表于 2011-10-23 10:17:27 | 显示全部楼层
nawanla 发表于 2011-10-22 07:34
这样的广告只有企业网站才会用的到哦

这个大小是可以自己设置的,diy什么样的模版都是可以用的。
回复

使用道具 举报

茗香客 发表于 2011-10-23 23:43:28 | 显示全部楼层
{:soso__6671374710984934509_2:}找不到演示啊
回复

使用道具 举报

 楼主| cqbaobao 发表于 2011-10-24 00:01:08 | 显示全部楼层
茗香客 发表于 2011-10-23 23:43
找不到演示啊

网上到处都是的。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-16 15:38 , Processed in 0.037892 second(s), 7 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表