帝国论坛帝国网站管理系统交流区帝国CMS使用交流[教程+样例]如何给帝国添加幻灯片(5个样例—增加xml教程) 【本版专题贴子】  
 3/7    |‹ ‹‹ 1 2 3 4 5 6 7 ›› ›|
主题:[教程+样例]如何给帝国添加幻灯片(5个样例—增加xml教程) [加入收藏夹]   

usetxt
用户头衔:秀才

精华贴   :0
发贴数   :101
经验值   :467
注册时间:2012-08-10
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 21 楼]

样例012    flash+xml

此样例着重于教程

1、经过测试,这个幻灯片要求大图尺寸不能自适应,因此并不推荐。当然,如果使用者可以接受的话,还是不错的一个幻灯片。

2、建议先参考本文前面的案例,学会如何修改纯JS的样例。否则可能会看不懂。

===========================================================================

制作思路

附带xml文件的幻灯片,基本上与纯JS幻灯片一样,多出一个xml需要处理。
解决方法:
登陆后台—栏目—自定义页面—管理自定义页面—增加自定义页面
(注意,是在“栏目”内,而不是在“模板”中。)
可以看到需要输入以下内容:
页面模式(*)—使用直接页面式
页面名称(*)—输入“幻灯片012的xml”。这个仅仅是用于自己看的,指的并不是xml的文件名称
文件名(*)—这里控制xml文件的生成路径以及xml文件名
页面内容(*)—这里输入代码

===========================================================================

样例制作

1、来源于http://www.lanrentuku.com/js/jiaodiantu-747.html,自行下载压缩包解压。

2、记事本打开index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="JS代码,焦点图,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为有Loading功能的Flash焦点图,属于站长常用代码,更多焦点图代码请访问懒人图库JS代码频道。" />
<title>有Loading功能的Flash焦点图_懒人图库</title>
<script language="javascript" type="text/javascript" src="js/flash.js"></script><strong></strong>
</head>

<body style="text-align:center">

<script language="javascript" type="text/javascript">
writeflashhtml("_swf=swf/xixi.swf", "_width=650", "_height=370" ,"_wmode=transparent");
</script>



<p>来源:<a href="http://www.mygood.com.cn/cn/main_news.asp" target="_blank">mygood</a> 整理:<a href="http://www.lanrentuku.com/" target="_blank">西西</a> 感谢:<a href="http://www.mybbss.com/" target="_blank">图鉴</a></p>
<p>*尊重他人劳动成果,转载请自觉注明出处!注:此代码仅供学习交流,请勿用于商业用途。</p>
<p></p>
<p><p>Flash+xml焦点图代码,可前后翻页,可自动滚动,推荐下载!</p></p>
<p></p>
</body>
</html>


红色代码为head区载入js文件蓝色代码为正文引用
PS:显然head区载入后面跟了一个<strong></strong>,应该是写错了,弃之。


3、找到js文件文件复制粘贴重命名为flash012.js,复制粘贴至D:\EmpireServer\web\huandengpian\huandengpian012\文件夹。
并修改代码如下:
<head>
<script language="javascript" type="text/javascript" src="flash012.js"></script>
</head>


4、找到flash文件复制粘贴重命名为flash012.swf,复制粘贴至D:\EmpireServer\web\huandengpian\huandengpian012\swf\文件夹。(没有就自己新建)
并修改代码如下,放置到[!--temp.header--]下面
<script language="javascript" type="text/javascript">
writeflashhtml("_swf=swf/flash012.swf", "_width=650", "_height=370" ,"_wmode=transparent");
</script>


5、有必要作为单独一点提醒的是:swf文件、xml文件,都不要改变路径
因为swf里面指定了xml文件引用的位置。
所以在第4点里,我不再放置为writeflashhtml("_swf= flash012.swf ", "_width=650", "_height=370" ,"_wmode=transparent");
而是放置为writeflashhtml("_swf= swf/flash012.swf ", "_width=650", "_height=370" ,"_wmode=transparent");
(.xml文件类似)
当然,如果代码中指定了.xml文件的话,就可以避免这类问题。

6、处理xml文件(此例中为根目录下的data.xml)

6.1栏目—自定义页面—管理自定义页面—增加自定义页面

6.2页面模式(*)—使用直接页面式

6.3页面名称(*)—输入“幻灯片012的xml”。这个仅仅是用于自己看的,指的并不是xml的文件名称

6.4操作之前,请先将D:\EmpireServer\web\huandengpian\huandengpian012\文件夹内的data.xml命名为“附件data.xml”。因为这个data接下来我们会自己生成。
文件名(*)—点击“选择目录”—弹出框中点击“huandengpian”—点击“huandengpian012”左侧的单选框—可以看到输入框中显示为“../../huandengpian/huandengpian012/”—将这个改为“ ../../huandengpian/huandengpian012/data.xml

6.5页面内容(*)
解压包里面的data.xml,用记事本打开,得到如下代码
<?xml version="1.0"?>
<Banner
        bannerWidth="650"
        bannerHeight="370"

        textSize="14"
        textColor=""
        textAreaWidth=""
        textLineSpacing="0"       
        textLetterSpacing="-0.5"       
        textMarginLeft="12"
        textMarginBottom="3"
       
        transitionType="1"
        transitionDelayTimeFixed="8"
        transitionDelayTimePerWord=".5"
        transitionSpeed="8"
        transitionBlur="yes"
        transitionRandomizeOrder="no"       
       
        showTimerClock="yes"
        showBackButton="yes"
        showNumberButtons="yes"
        showNumberButtonsAlways="Yes"
        showNumberButtonsHorizontal="yes"
        showNumberButtonsAscending="yes"
        autoPlay="yes">
       
        <item image="images/1.jpg" link="http://www.lanrentuku.com/" textBlend="no"><![CDATA[]]></item>

        <item image="images/2.jpg" link="http://www.lanrentuku.com/" textBlend="no"><![CDATA[]]></item>

        <item image="images/3.jpg" link="http://www.lanrentuku.com/" textBlend="no"><![CDATA[]]></item>

        <item image="images/4.jpg" link="http://www.lanrentuku.com/" textBlend="no"><![CDATA[]]></item>

        <item image="images/5.jpg" link="http://www.lanrentuku.com/" textBlend="no"><![CDATA[]]></item>
       
</Banner>


以上红色部分就是需要修改的地方,下面给出修改好的代码,务必注意红色代码。
<?='<?xml version="1.0"?>'?>
<Banner
        bannerWidth="650"
        bannerHeight="370"

        textSize="14"
        textColor=""
        textAreaWidth=""
        textLineSpacing="0"       
        textLetterSpacing="-0.5"       
        textMarginLeft="12"
        textMarginBottom="3"
       
        transitionType="1"
        transitionDelayTimeFixed="8"
        transitionDelayTimePerWord=".5"
        transitionSpeed="8"
        transitionBlur="yes"
        transitionRandomizeOrder="no"       
       
        showTimerClock="yes"
        showBackButton="yes"
        showNumberButtons="yes"
        showNumberButtonsAlways="Yes"
        showNumberButtonsHorizontal="yes"
        showNumberButtonsAscending="yes"
        autoPlay="yes">
       
[e:loop={0,5,3,1}]
<item image="<?=$bqr['titlepic']?>" link="<?=$bqsr['titleurl']?>" textBlend="no"><![CDATA[]]></item>
[/e:loop]
       
</Banner>

7、第6点中的4点都做好后,点击提交。可以看到D:\EmpireServer\web\huandengpian\huandengpian012文件夹中,有“附件data.xml”和“data.xml”两个xml文件—第1个是原来重命名的,第2个是我们自己生成的。
到数据更新中刷新一下“自定义页面”,再用记事本打开data.xml,看到代码就可以确认了,如:
<item image="/d/file/huandengpian/huandengpian011/2013-01-02/f6238a71d101a700bfce353962be3ce3.jpg" link="/huandengpian/huandengpian011/2013-01-02/90.html" textBlend="no"><![CDATA[]]></item>
很显然,这就是帝国的图片及链接。
(以后xml幻灯片做熟练了,这步可以直接省略了)

至此,flash+xml幻灯片的教程结束了。附截图。

==========================================================



上传以下图片:


[该贴被修改 7 次,最后修改时间 2013-01-03 13:01:41 ]



2013-01-03 12:33:43 已设置保密 顶部 回复 引用 报告 编辑 删除

春哥
用户头衔:进士

精华贴   :0
发贴数   :1630
经验值   :4591
注册时间:2009-01-02
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 22 楼]

支持楼主




2013-01-03 18:06:45 已设置保密 顶部 回复 引用 报告 编辑 删除

bebebe
用户头衔:探花

精华贴   :0
发贴数   :2692
经验值   :6789
注册时间:2010-03-01
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 23 楼]

学习了




2013-01-04 09:39:41 已设置保密 顶部 回复 引用 报告 编辑 删除

tongyuqi
用户头衔:书生

精华贴   :0
发贴数   :38
经验值   :237
注册时间:2009-03-03
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 24 楼]

要是把简介也调用出来就更好了



QQ1791919598
http://www.zghyz.com
2013-06-29 13:03:49 已设置保密 顶部 回复 引用 报告 编辑 删除

laodong
用户头衔:进士

精华贴   :0
发贴数   :971
经验值   :2584
注册时间:2008-03-03
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 25 楼]

支持一下




2013-06-30 11:54:59 已设置保密 顶部 回复 引用 报告 编辑 删除

bebebe
用户头衔:探花

精华贴   :0
发贴数   :2692
经验值   :6789
注册时间:2010-03-01
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 26 楼]

支持




2013-07-01 09:00:41 已设置保密 顶部 回复 引用 报告 编辑 删除

怀柔生活网
用户头衔:举人

精华贴   :0
发贴数   :263
经验值   :1134
注册时间:2009-04-29
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 27 楼]

很有用,马克一下。



真心感谢这里帮助过我的朋友,没有你们的帮助,我将寸步难行。
2013-08-14 21:05:31 已设置保密 顶部 回复 引用 报告 编辑 删除

零距离
用户头衔:探花

精华贴   :0
发贴数   :4834
经验值   :12848
注册时间:2007-12-26
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 28 楼]

不错




2013-08-15 07:47:15 已设置保密 顶部 回复 引用 报告 编辑 删除

bebebe
用户头衔:探花

精华贴   :0
发贴数   :2692
经验值   :6789
注册时间:2010-03-01
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 29 楼]

支持




2013-08-16 16:50:08 已设置保密 顶部 回复 引用 报告 编辑 删除

棒棒冰
用户头衔:进士

精华贴   :0
发贴数   :1495
经验值   :4437
注册时间:2011-05-06
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 30 楼]

支持你




2013-08-19 10:16:02 已设置保密 顶部 回复 引用 报告 编辑 删除
 3/7    |‹ ‹‹ 1 2 3 4 5 6 7 ›› ›|

快速回复
内容

表情
使用EBB代码 使用smile代码 显示签名 自动分析url 自动分析img
     【进入高级模式】   (按 Ctrl+Enter 直接提交)
    顶部  加入收藏夹
关于帝国 | 广告服务 | 联系我们 | 法律声明 | 隐私条款 | 许可协议
Powered by: EBB Version 2.2.1