织梦CMS如何添加Flash图片?

99ANYc3cd6
预计阅读时长 15 分钟
位置: 首页 织梦建站 正文

编辑器中插入(最直接)

这是最简单的方法,适用于单篇文章或少量需要插入Flash的情况。

织梦cms 如何添加flash图片
(图片来源网络,侵删)

步骤:

  1. 登录后台:登录你的织梦CMS后台管理系统。

  2. 进入文章编辑:找到“内容管理” -> “添加文档” 或 “编辑文档”,打开你需要插入Flash的文章页面。

  3. 切换到源代码模式

    • 织梦默认使用的是ckeditor编辑器,在编辑器工具栏上,找到一个看起来像 </> 的图标,点击它,这会切换到“源代码”或“HTML”视图模式,这是至关重要的一步,因为直接在可视化模式下插入Flash可能会失败或被过滤。
  4. 编写Flash插入代码: 在源代码模式下,将光标定位到你想插入Flash的位置,然后输入以下HTML代码:

    织梦cms 如何添加flash图片
    (图片来源网络,侵删)
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="宽度" height="高度">
      <param name="movie" value="/你的flash文件路径/flash文件名.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" /> <!-- 可选,设置Flash背景透明 -->
      <embed src="/你的flash文件路径/flash文件名.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="宽度" height="高度" wmode="transparent"></embed>
    </object>
  5. 修改代码参数

    • widthheight:将这两个值修改为你想要的Flash动画的宽度和高度(单位是像素)。
    • value="/你的flash文件路径/flash文件名.swf"src="/你的flash文件路径/flash文件名.swf":这是最关键的一步,将这里的路径替换为你Flash文件的实际存放路径。
      • 强烈建议:将你的Flash文件上传到网站的/uploads/目录下,这样路径就是固定的,不容易出错,你上传到了/uploads/flash/文件夹,那么路径就是 /uploads/flash/your_flash.swf
    • wmode="transparent":这个参数可以让Flash的背景透明,显示为页面背景色,如果不需要,可以删除这行。
  6. 保存文章:完成代码修改后,点击编辑器工具栏上的“源代码”图标(或直接点击“保存”),切换回可视化模式,你应该能看到一个Flash占位框,然后点击“确定”或“保存”按钮,发布文章。


使用自定义字段(推荐,更灵活)

如果你的栏目下所有文章都需要Flash,或者Flash是文章的一个独立属性(比如轮播图、广告位等),使用自定义字段是最佳实践,这样管理起来非常方便。

步骤:

  1. 创建自定义字段

    织梦cms 如何添加flash图片
    (图片来源网络,侵删)
    • 在后台,进入“核心设置” -> “频道模型” -> “内容模型管理”。
    • 找到你的文章模型(通常是“文章”),点击后面的“管理字段”。
    • 点击“添加新字段”。
    • 字段名称:填写一个英文字母,flash_url
    • 字段提示:填写一个在后台显示的提示文字,“Flash文件地址”。
    • 字段类型:选择“多媒体”。
    • 保存
  2. 为栏目添加自定义字段

    • 进入“栏目管理”,找到你想要添加Flash功能的栏目。
    • 点击该栏目,进入编辑页面。
    • 找到“自定义栏目字段”选项卡,勾选你刚刚创建的 flash_url 字段。
    • 保存
  3. 在文章中上传/填写Flash地址

    • 进入“添加文档”,选择你刚才设置的那个栏目。
    • 你会发现文章编辑页面多了一个名为“Flash文件地址”的输入框。
    • 点击输入框旁边的“上传”按钮,选择你本地的Flash文件进行上传,上传成功后,地址会自动填入。
    • 或者,你也可以手动输入Flash文件的URL路径(/uploads/flash/banner.swf)。
  4. 修改模板文件调用字段

    • 登录你的FTP或服务器,进入/templets/目录,找到你当前使用的模板文件夹(default)。
    • 打开文章列表模板文件(通常是 article_list.htm)和文章内容页模板文件(通常是 article_article.htm)。
    • 在需要显示Flash的位置,加入以下代码:
    {dede:field name='flash_url' runphp='yes'}
    if(@me != ''){
        echo '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="宽度" height="高度">
          <param name="movie" value="'.@me.'" />
          <param name="quality" value="high" />
          <param name="wmode" value="transparent" />
          <embed src="'.@me.'" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="宽度" height="高度" wmode="transparent"></embed>
        </object>';
    }
    {/dede:field}
    • 代码解释
      • {dede:field name='flash_url'}:这是调用我们自定义的 flash_url 字段。
      • runphp='yes':允许在标签内使用PHP代码。
      • if(@me != ''):判断该字段是否为空,如果为空,就不输出任何东西,避免在不需要Flash的文章里显示空白框。
      • echo '...':如果字段有值,就输出完整的Flash代码。
      • .@me.:在PHP代码中,@me 变量代表当前字段的值,也就是Flash文件的路径。
  5. 更新缓存

    • 在后台,进入“系统” -> “一键更新网站” -> “更新HTML”。
    • 选择“更新所有”或“更新指定栏目”,然后点击“开始更新”,这样模板修改才能生效。

重要提示和注意事项

  1. Flash已过时:需要强调的是,Flash技术已经被现代浏览器逐步淘汰,从Chrome等主流浏览器开始,默认不再支持Flash内容,并且Adobe官方也已停止支持,除非你有特殊需求(如维护旧网站),否则强烈建议使用现代的HTML5视频CSS3/JS动画来替代Flash。
  2. 路径问题:使用绝对路径(如 http://www.yoursite.com/uploads/flash.swf)是最稳妥的,可以避免因网站目录结构变化导致路径错误。
  3. 安全与兼容性:确保你上传的Flash文件来源可靠,避免包含恶意代码。
  4. 移动端:Flash在移动设备(iOS/Android)上是完全不支持的,如果你的网站需要适配移动端,绝对不要使用Flash。

希望这个详细的教程能帮助到你!

-- 展开阅读全文 --
头像
蓝色大气简洁企业网站模板有何优势?
« 上一篇 前天
C语言unprintable错误是什么?如何解决?
下一篇 » 前天

相关文章

取消
微信二维码
支付宝二维码

目录[+]