帝国cms教程之灵动标签制造flash幻灯

FLASH幻灯制作一般流程:

1、将幻灯代码内容和FLASH相关文件复制本地;

2、显示信息内容用灵动标签调用出来;

常见的FLASH幻灯有下面两种方式及灵动标签调用例子:

1、分开显示式,如下面这类:

filesarr[1] = "/d/file/20110509/0ea97d787d559b4fa207b40928dca573.jpg";
linksarr[1] = "/Photography/12432934312103.html";
textsarr[1] = "标题1";
filesarr[2] = "/d/file/20110509/f390adb68aaaca13d306fd16d8b600a2.jpg";
linksarr[2] = "/Photography/12444403612122.html";
textsarr[2] = "标题2";
filesarr[3] = "/d/file/20110509/ad3fd33cccb9fe2dea55223efff51abb.jpg";
linksarr[3] = "/logodesign/12445146952128.html";
textsarr[3] = "标题3";
用灵动标签调用出上面内容,可以用下面:
[e:loop={栏目ID/专题ID,显示条数,操作类型,只显示有标题图片}]
filesarr[<?=$bqno?>] = "<?=$bqr[titlepic]?>";
linksarr[<?=$bqno?>] = "<?=$bqsr[titleurl]?>";
textsarr[<?=$bqno?>] = "<?=$bqr[title]?>";
[/e:loop]

(如果序号是从0开始,则用<?=$bqno-1?>)

 

2、连接显示式,如下面这类:

var pics="/d/file/07b40928dca573.jpg|/d/file/306fd16d8b600a2.jpg|/d/file/223efff51abb.jpg";
 
var links="/Photography/12432934312103.html|/Photography/12444403612122.html|/logodesign/12445146952128.html";
 
var texts="标题1|标题2|标题3";
用灵动标签调用出上面内容,可以用下面:
[e:loop={栏目ID/专题ID,显示条数,操作类型,只显示有标题图片}]
<?php
$jg='|';
if($bqno==1)
{
$jg='';
}
$pics.=$jg.$bqr['titlepic'];
$titles.=$jg.$bqr['title'];
$urls.=$jg.$bqsr['titleurl'];
?>
[/e:loop]
var pics="<?=$pics?>";
 
var links="<?=$urls?>";
 
var texts="<?=$titles?>";

其他格式依此类推,都可以用灵动标签调用出来。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
先下载附件,放到images目录下,然后把下面代码放到模版处就行了。(有两处一样的灵动标签) <object type="application/x-shockwave-flash" data="/images/bcastr4.swf?xml=                         <data>                                 <channel>                  [e:loop={37,5,0,1}]                                         <item>                                                 <link><?=$bqsr[titleurl]?></link>                                                 <image><?=$bqr[titlepic]?></image>                                                 <title><?=$bqr[title]?></title>                                         </item>                   [/e:loop]                                                                        </channel>                                        </data>                 "  width="350" height="210" id="vcastr3">                 <param name="movie" value="/images/bcastr4.swf?xml=                         <data>                                 <channel>                                         [e:loop={37,5,0,1}]                                         <item>                                                 <link><?=$bqsr[titleurl]?></link>                                                 <image><?=$bqr[titlepic]?></image>                                                 <title><?=$bqr[title]?></title>                                         </item>                   [/e:loop]                                 </channel>                 <config>                   <autoPlayTime>5</autoPlayTime>                 <transform>breathe</transform>                               <titleFont>微软雅黑</titleFont>                 </config>                         </data>" />         </object> 上面的红色部分是设置参数。可以改成N多种效果,具体可以看  http://www.ruochigroup.com/main/bcastr-example/ 可设置的参数  <config>                        <roundCorner>0</roundCorner>                 <autoPlayTime>8</autoPlayTime>                 <isHeightQuality>false</isHeightQuality>                 <blendMode>normal</blendMode>                 <transDuration>1</transDuration>                 <windowOpen>_self</windowOpen>                 <btnSetMargin>auto 5 5 auto</btnSetMargin>                 <btnDistance>20</btnDistance>                 <titleBgColor>0xff6600</titleBgColor>                 <titleTextColor>0xffffff</titleTextColor>                 <titleBgAlpha>.75</titleBgAlpha>                 <titleMoveDuration>1</titleMoveDuration>                 <btnAlpha>.7</btnAlpha>                        <btnTextColor>0xffffff</btnTextColor>                        <btnDefaultColor>0x1B3433</btnDefaultColor>                 <btnHoverColor>0xff9900</btnHoverColor>                 <btnFocusColor>0xff6600</btnFocusColor>                 <changImageMode>click</changImageMode>                 <isShowBtn>true</isShowBtn>                 <isShowTitle>true</isShowTitle>                 <scaleMode>noBorder</scaleMode>                 <transform>blur</transform>                 <isShowAbout>true</isShowAbout>                 <titleFont>微软雅黑</titleFont>         </config> 大家可以自己结合试试不同效果,不填全部为默认!
方法: 1、先做两个标签 a、标签一(名字随意) 页面模板内容(*) [!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--] 列表内容模板(list.var) (*)       <div class="img_item">         <div><a ><img /></a></div>         <div class="desc">           <h5><a >[!--title--]</a></h5>           <p>[!--smalltext--]</p>           <div><a >                   <span><img /></span>[!--oldtitle--]</a></div>         </div>       </div> b、标签二(名字随意) 页面模板内容(*) [!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--] 列表内容模板(list.var) (*) <li><a ><img /></a></li> 2、将如下代码置入你要插入幻灯的位置!(温馨提示可以做成“模板变量”,方便修改呀!) <div class="c-cols-C1 c-section">         <div class="c-colB">                 <!-- HEADER_BEGIN 一屏滑动图片-->                           <div id="img_slide" class="md img_slide">     <div class="cons"><div class="con2">       [ecmsinfo]'2',7,16,0,12,33,1[/ecmsinfo]万能标签置入(对应标签一)     </div></div>     <div class="ctl_bar">       <ul class="imgs">             [ecmsinfo]'2',7,16,0,12,34,1[/ecmsinfo]万能标签置入(对应标签二)                 <li class="cur_box"><i></i></li>           </ul>     </div>   </div><!--remian-->                 <!-- HEADER_END 一屏滑动图片-->         </div>        </div> [removed][removed] 3、修改页面 a、在页面<head></head>处插入如下代码 [removed](function(){hp_theme_cookiename='hp_theme_id2';hp_layout_lstid_cookiename='hplayout_lstid'; hp_layout_lstid_i_cookiename='hplayout_lstid_i';hp_theme_default='blue'; get_theme_csspath=function(t){return"/skin/lvbihu/css/theme-" t "/theme.css";};var cc,Tp=';',c=hp_theme_cookiename '=',d=String([removed]);for(var e=-1;(e=d.indexOf(c,e 1))>=0;){var f=e;while(--f>=0){var g=d.charAt(f);if(g==Tp){f=-1;break}} if(f==-1){var h=d.indexOf(Tp,e);if(h<0){h=d.length} cc=d.substring(e c.length,h);break}} if(!cc){cc=hp_theme_default;window.theme_cookie_to_save=cc;} window.theme_cookie_str=cc;[removed]('<link href="' get_theme_csspath(cc) '" id="link_for_theme" rel="stylesheet" type="text/css" />');})();[removed] [removed][removed] b、在紧挨<body>下插入下面代码 [removed] var wr_Begin_Time = new Date().getTime(); [removed] 红色路径部分请根据自己实际情况调整! 如有问题请回贴,我尽量提供帮助! 附件为所需的js和css以及图片文件。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值