织梦首页幻灯片swf如何替换或添加？-织梦建站-盈思创科技

虽然现在HTML5和CSS3的幻灯片已经成为主流（更兼容、更易优化），但如果你有特定的需求，比如要使用一个已经做好的SWF文件，或者对旧版网站进行维护，了解这个过程仍然非常有用。

（图片来源网络，侵删）

这个过程主要分为三个部分：

准备工作：获取或制作SWF文件和对应的图片/数据。
上传文件：将文件上传到网站服务器的正确位置。
后台配置：在织梦后台进行设置，让幻灯片显示出来。

第一步：准备工作 (获取幻灯片文件)

一个完整的织梦SWF幻灯片通常需要以下文件：

SWF文件：这是幻灯片的主体程序，通常是 *.swf 格式，你可以在网上下载各种免费的织梦幻灯片模板，或者使用Flash软件自己制作。
图片文件：幻灯片要展示的图片，通常是 *.jpg, *.png 等格式。
配置文件：这是一个 *.xml 文件，它告诉SWF幻灯片要显示哪些图片、每张图片的链接地址、图片标题等信息。
调用代码：一段HTML/JavaScript代码，用于在网页中嵌入SWF文件。

一个典型的幻灯片文件夹结构如下：

/templets/default/images/slide/
├── images/              // 存放幻灯片图片的子文件夹
│   ├── slide1.jpg
│   ├── slide2.jpg
│   └── slide3.jpg
├── banner.swf           // 幻灯片SWF文件
└── images.xml           // 幻灯片配置文件

如何获取这些文件？ 最简单的方法是去织梦模板网站下载一个完整的幻灯片模块，里面通常已经包含了所有必需的文件。

（图片来源网络，侵删）

第二步：上传文件到服务器

登录你的网站FTP 或使用主机控制面板的文件管理器。
找到织梦的模板目录：通常是 /templets/。
进入你当前使用的模板文件夹：/templets/default/。
创建或进入 images 文件夹：如果里面没有 images 文件夹，就新建一个，幻灯片相关的文件最好都放在这里，方便管理。
上传幻灯片文件：
- 将你的 banner.swf 文件直接上传到 /templets/default/images/ 目录下。
- 将包含图片的 images 文件夹（即上面示例中的 images/images/）上传到 /templets/default/images/ 目录下，这样你的图片路径就是 /templets/default/images/images/。
- 将 images.xml 文件也上传到 /templets/default/images/ 目录下。

文件路径很重要：请务必记下这些文件在服务器上的相对路径，

SWF文件路径：/templets/default/images/banner.swf
配置文件路径：/templets/default/images/images.xml
图片路径：/templets/default/images/images/slide1.jpg

第三步：后台配置与调用

这是最关键的一步,有两种主要方法：

使用“幻灯片”管理模块（推荐，最标准）

如果你的模板是标准的织梦模板,它应该已经预留了幻灯片的位置。

登录织梦后台：你的域名/dede/
进入“核心” -> “幻灯片管理”：
点击“增加一个新的幻灯片”：
填写幻灯片信息：
- 名称：给你的幻灯片起个名字，首页顶部幻灯片”。
- 位置：这是最关键的一步！ 你需要选择一个位置，这个位置必须和你的模板文件 index.htm 中的调用代码标签 {dede:myad name='幻灯片位置名'/} 或 {dede:loop} 等对应上，如果你不确定，可以先留空或填写一个你自定义的名字（如 home_focus），然后去模板文件里查找对应的标签。
- - 默认图片：选择一张默认显示的图片，如果SWF加载失败会显示这张图。
  - 上传图片：点击“上传新图片”，选择你的幻灯片图片，上传后，系统会自动生成图片地址和链接地址。
  - 图片链接：为每张图片设置点击后要跳转的URL地址。http://www.example.com/news/1.html。
  - 图片备注：可以写图片的标题或描述，有些SWF模板会用到。
  - 添加完一张后,点击“增加一个”，继续添加下一张，直到所有图片都添加完毕。
保存：点击“保存”按钮，织梦会自动根据你添加的图片，生成一个临时的 images.xml 文件。

修改模板调用标签：

打开你的首页模板文件 index.htm（位于 /templets/default/ 目录下）。
找到幻灯片应该显示的位置,通常是一个 <div> 容器。
将里面的代码替换为织梦的官方调用标签,最常用的标签是：
```
{dede:myad name='幻灯片位置名'/}
```
注意：这里的 name='幻灯片位置名' 必须和你在“幻灯片管理”中设置的“位置”字段完全一致！如果你在后台设置的“位置”是 home_focus，那么模板里就应该写 {dede:myad name='home_focus'/}。

如果官方标签不生效,你的模板可能使用了 loop 标签调用，这种情况下，你需要手动修改模板代码，使其指向你的SWF文件和XML配置文件，代码通常如下：

<div id="pic-focus">
    <div class="pic">
        <ul>
            <!-- 这里的图片和链接由SWF根据XML文件自动生成，所以这里可以留空或放一个默认图 -->
            <li><a href="#"><img src="/templets/default/images/images/slide1.jpg" width="1920" height="500" alt="图片1" /></a></li>
        </ul>
    </div>
    <div class="txt">
        <ul>
            <!-- 这里可以放标题 -->
        </ul>
    </div>
    <div class="num">
        <ul>
            <!-- 这里可以放数字按钮 -->
        </ul>
    </div>
</div>
<!-- 下面是调用SWF的JS代码 -->
<script type="text/javascript">
    var focus_width = 1920; // 设置幻灯片宽度
    var focus_height = 500;  // 设置幻灯片高度
    var text_height = 0;     // 标题高度
    var swfpath = "/templets/default/images/banner.swf"; // SWF文件路径
    var configpath = "/templets/default/images/images.xml"; // XML配置文件路径
    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="' + focus_width + '" height="' + focus_height + '">');
    document.write('<param name="allowScriptAccess" value="sameDomain">');
    document.write('<param name="movie" value="' + swfpath + '">');
    document.write('<param name="quality" value="high">');
    document.write('<param name="bgcolor" value="#ffffff">');
    document.write('<param name="wmode" value="opaque">'); // wmode设置为opaque可以解决Flash内容被下拉菜单遮挡的问题
    document.write('<param name="menu" value="false">');
    document.write('<param name="FlashVars" value="configfile=' + configpath + '">');
    document.write('<embed src="' + swfpath + '" quality="high" bgcolor="#ffffff" width="' + focus_width + '" height="' + focus_height + '" wmode="opaque" menu="false" FlashVars="configfile=' + configpath + '" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
    document.write('</object>');
</script>

注意：你需要根据你的实际情况修改 swfpath 和 configpath 这两个变量的值。

直接修改模板文件（适用于没有预留位置的模板）

如果你的模板没有集成幻灯片功能,你需要手动在模板中添加调用代码。

打开首页模板文件 index.htm。
在你想显示幻灯片的位置，粘贴上面“方法一”中提到的 JS调用代码块。
修改JS代码中的路径：确保 swfpath 和 configpath 的路径正确无误。

确保XML文件路径正确：打开你上传到服务器的 images.xml 文件，检查里面的图片路径是否正确，XML文件内容通常是这样的：

<?xml version="1.0" encoding="utf-8"?>
<images>
    <pic>
        <img>images/images/slide1.jpg</img>
        <url>http://www.example.com/link1.html</url>
        <text>第一张图片标题</text>
    </pic>
    <pic>
        <img>images/images/slide2.jpg</img>
        <url>http://www.example.com/link2.html</url>
        <text>第二张图片标题</text>
    </pic>
</images>

如果图片路径不正确,手动修改它。

常见问题与排错

幻灯片不显示/只显示一个灰色框：
- 检查路径：最常见的原因是SWF文件、XML文件或图片的路径错误，请确认这些文件的URL在浏览器中可以直接访问。
- 检查Flash Player：你的电脑或服务器是否安装了Flash Player。
- 检查浏览器：现代浏览器（如Chrome, Firefox）默认是“点击以激活”Flash内容，或者干脆禁用了Flash，可以尝试在旧版IE中测试。
- 检查XML格式：images.xml 文件的格式是否正确，标签是否配对。
图片路径错误：

如果使用“幻灯片管理”功能后，图片显示不出来，通常是织梦生成的XML文件中的图片路径不正确，你可以手动编辑这个XML文件，将路径改为正确的相对路径。
Flash内容被其他元素遮挡：
- 在JS代码中,将 wmode 参数的值从 window 改为 opaque 或 transparent。opaque 是最常用的，性能较好且能解决遮挡问题。
现在为什么还用SWF？
- 兼容性差：在移动设备（iOS/Android）上无法显示。
- SEO不友好：搜索引擎无法索引SWF内部的内容。
- 性能和安全问题：Flash本身存在性能和安全漏洞，正被各大厂商逐步淘汰。
- 强烈建议：如果条件允许，请将SWF幻灯片替换为基于jQuery或纯CSS/JS的HTML5幻灯片，它们更现代、更高效、更兼容，网上有大量现成的织梦HTML5幻灯片模块可供下载和替换。

织梦首页幻灯片swf如何替换或添加？