因为本机一些样例，为了说明清楚，本样例名为“样例008”。如何建立测试页面请参考2楼。
1、打开页面http://www.lanrentuku.com/js/jiaodiantu-764.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="此代码内容为12530四屏FLASH焦点图，属于站长常用代码，更多焦点图代码请访问懒人图库JS代码频道。" />
<title>12530四屏FLASH焦点图_懒人图库</title>
<script src="js/swfobject.js" type="text/javascript"></script>
</head>
<body style="text-align:center">
<DIV id="swfContent3"></DIV>
<SCRIPT type="text/javascript">
var xmlData="<data><item img='images/99095.jpg' thumb='images/90561.jpg' title='周杰伦新专辑跨时空穿梭' url='http://www.lanrentuku.com/' target='_blank' /><item img='images/70943.jpg' thumb='images/30104.jpg' title='[专访]金俊浩：外面很温柔，内心很强悍' url='http://www.lanrentuku.com/' target='_blank' /><item img='images/69891.jpg' thumb='images/96314.jpg' title='张惠妹全新热辣写真 热裤秀美腿' url='http://www.lanrentuku.com/' target='_blank' /><item img='images/68985.jpg' thumb='images/23362.jpg' title='郭采洁获封反毒大使 称不碰比基尼' url='http://www.lanrentuku.com/' target='_blank' /></data>";
var flashvars = {xmlData:xmlData};
var params = {menu:false};
var attributes = {};
swfobject.embedSWF("swf/lanrentuku.swf", "swfContent3", "300", "400", "9","", flashvars, params, attributes);
</SCRIPT>
<p>来源：<a href="http://www.12530.com/" target="_blank">12530</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>附缩略图和标题，四屏切换，大图尺寸：300x400，缩略图尺寸：65x65，调用灵活，推荐下载！</p></p>
<p></p>
</body>
</html> |
3、注意head区内需要载入.js文件：<script src="js/swfobject.js" type="text/javascript"></script>
在解压出来的文件夹js中找到此.js文件，粘贴并重命名为flash008.js，粘贴地址为D:\EmpireServer\web\huandengpian\huandengpian008文件夹。
（编号是为了更好地区分js文件，以后样例多了，方便查找）
（如果在web文件夹中没有huandengpian或huandengpian008文件夹，请在数据更新处都更新一次就可以生成了）。
4、模板—列表模板—管理列表模板—幻灯片008—修改
在head区添加： <script src="flash008.js" type="text/javascript"></script>
至此，为此页面引用了.js文件
5、修改正文代码
<DIV id="swfContent3"></DIV>
<SCRIPT type="text/javascript">
var xmlData="<data><item img='images/99095.jpg' thumb='images/90561.jpg' title='周杰伦新专辑跨时空穿梭' url='http://www.lanrentuku.com/' target='_blank' /><item img='images/70943.jpg' thumb='images/30104.jpg' title='[专访]金俊浩：外面很温柔，内心很强悍' url='http://www.lanrentuku.com/' target='_blank' /><item img='images/69891.jpg' thumb='images/96314.jpg' title='张惠妹全新热辣写真 热裤秀美腿' url='http://www.lanrentuku.com/' target='_blank' /><item img='images/68985.jpg' thumb='images/23362.jpg' title='郭采洁获封反毒大使 称不碰比基尼' url='http://www.lanrentuku.com/' target='_blank' /></data>";
var flashvars = {xmlData:xmlData};
var params = {menu:false};
var attributes = {};
swfobject.embedSWF("swf/lanrentuku.swf", "swfContent3", "300", "400", "9","", flashvars, params, attributes);
</SCRIPT> |
首先swf/lanrentuku.swf是需要用到的flash文件，在解压出来的文件夹swf中，找到并复制粘贴重命名为flash008.swf，同样放置在D:\EmpireServer\web\huandengpian\huandengpian008文件夹内。
修改后的代码如下
<DIV id="swfContent3"></DIV>
<SCRIPT type="text/javascript">
var xmlData="<data><item img='images/99095.jpg' thumb='images/90561.jpg' title='周杰伦新专辑跨时空穿梭' url='http://www.lanrentuku.com/' target='_blank' /><item img='images/70943.jpg' thumb='images/30104.jpg' title='[专访]金俊浩：外面很温柔，内心很强悍' url='http://www.lanrentuku.com/' target='_blank' /><item img='images/69891.jpg' thumb='images/96314.jpg' title='张惠妹全新热辣写真 热裤秀美腿' url='http://www.lanrentuku.com/' target='_blank' /><item img='images/68985.jpg' thumb='images/23362.jpg' title='郭采洁获封反毒大使 称不碰比基尼' url='http://www.lanrentuku.com/' target='_blank' /></data>";
var flashvars = {xmlData:xmlData};
var params = {menu:false};
var attributes = {};
swfobject.embedSWF(" flash008.swf ", "swfContent3", "300", "400", "9","", flashvars, params, attributes);
</SCRIPT> |
剩下的就是引用灵动标签了，这里涉及到灵动标签的修改，建议多搜索论坛。
以下红色部分是图片及链接，就是需要修改的地方。
<DIV id="swfContent3"></DIV>
<SCRIPT type="text/javascript">
var xmlData=" <data><item img='images/99095.jpg' thumb='images/90561.jpg' title='周杰伦新专辑跨时空穿梭' url='http://www.lanrentuku.com/' target='_blank' /><item img='images/70943.jpg' thumb='images/30104.jpg' title='[专访]金俊浩：外面很温柔，内心很强悍' url='http://www.lanrentuku.com/' target='_blank' /><item img='images/69891.jpg' thumb='images/96314.jpg' title='张惠妹全新热辣写真 热裤秀美腿' url='http://www.lanrentuku.com/' target='_blank' /><item img='images/68985.jpg' thumb='images/23362.jpg' title='郭采洁获封反毒大使 称不碰比基尼' url='http://www.lanrentuku.com/' target='_blank' /></data>";
var flashvars = {xmlData:xmlData};
var params = {menu:false};
var attributes = {};
swfobject.embedSWF(" flash008.swf ", "swfContent3", "300", "400", "9","", flashvars, params, attributes);
</SCRIPT> |
代码的修改结果如下
<DIV id="swfContent3"></DIV>
<SCRIPT type="text/javascript">
var xmlData="<data>[e:loop={0,4,3,1}]<item img='<?=$bqr['titlepic']?>' thumb='<?=$bqr['titlepic']?>' title='<?=$bqr['title']?>' url='<?=$bqsr['titleurl']?>' target='_blank' />[/e:loop]</data>";
var flashvars = {xmlData:xmlData};
var params = {menu:false};
var attributes = {};
swfobject.embedSWF("flash008.swf", "swfContent3", "300", "400", "9","", flashvars, params, attributes);
</SCRIPT> |
================================================
至此，这个样例修改完了，小结如下：
1、head载入flash008.js
2、注意flash008.swf的地址（有些代码是需要修改2个地方的，flash008只需要一个而已）
3、注意把链接、图片、标题改用灵动标签显示
4、我自己测试一般是把正文代码插入到[!--temp.header--]下面，这样比较容易找到
5、请注意刷新“信息栏目页”，因为帝国默认使用静态访问，不刷新的话，访问的还是修改前的页面。
上传以下图片：
|
[该贴被修改 7 次，最后修改时间 2012-12-24 22:48:05 ]
|
顶部 
加入收藏夹
[教程+样例]如何给帝国添加幻灯片(5个样例—增加xml教程)
2012-12-24 21:32:57 
已设置保密
回复
引用
报告
编辑
删除
