2011-08-11

【紫色筆記】如何讓 swfobject 2.2 支援透明 Flash

發現部分網頁寫說要修改「swfobject.js」檔裡的參數,
但其實 swfobject 2.2 只要在顯示 flash 的程式片段多加幾行程式就OK了!

【第一步】把「swfobject.js」檔存到你的網站資料夾中

【第二步】一樣把下列指令加到 <head> </head> 中


<script type="text/javascript" src="swfobject.js"></script>


【第三步】把下列程式片段加到欲插入Flash動畫的地方


<div id="mySWF">這裡是當 flash 不能正常顯示時顯示的内容</div>
<script type="text/javascript">
var flashvars = {};
var params = {};
params.menu="false";
params.wmode="transparent";
params.bgcolor="#CCCCCC";
params.allowfullscreen="true";
var attributes = {};
attributes.id="myFlash";
attributes.name="myFlash";
swfobject.embedSWF("banner.swf", "mySWF", "300", "143", "9.0.0", "false", flashvars, params, attributes);
</script>

2011-08-10

【紫色筆記】swfobject 符合W3C標準且隨插即用的 Flash

用 DreamWeaver 插入 flash 雖然方便,但其實它是不符合W3C標準的語法!且程式勒勒長又看不懂…

我們利用 Adobe 發表的 swfobject 可以來解決其問題~

【第一步】官網的 Downloads 下載 SWFObject 2.2.zip (Uploaded:Jun 11, 2009)

【第二步】解壓縮後把「swfobject.js」檔存到你的網站資料夾中

【第三步】開啟網頁檔,把下列指令加到 <head> </head> 中


<script type="text/javascript" src="swfobject.js"></script>


【第四步】把下列程式片段加到欲插入Flash動畫的地方


<div id="mySWF">這裡是當 flash 不能正常顯示時顯示的内容</div>
<script type="text/javascript">
swfobject.embedSWF("banner.swf", "mySWF", "300", "143", "9.0.0");
</script>

  • 註:swfobject.embedSWF(swfUrl, id, width, height, version)是5個必須的參數
  • swfUrl(String)指定SWF的URL
    id(String)指定將會被Flash内容替換的HTML元素的id
    width(String)指定SWF的寬
    height(String)指定SWF的高
    version(String)指定你發佈的SWF對應之Flash Player版本(格式為:major.minor.release)


相關網站:swfobject 官方網站
參考來源:蕃茄腦袋-SWFObject 2.0 讓你輕鬆的插入及控制 Flash

【紫色筆記】網頁的include

若要不重覆頁首、橫幅、頁尾資訊,我們可以利用「include」來完成!
「include」可以讓每一頁都引用同樣一個頁首與頁尾,
整合輸出整頁式的 html ,完全不需要框架(Frame)。

但是必須要有支援 php 或 asp 程式的網頁空間,
且檔案不能是 .html 或 .htm 而要是 .php 或 .asp

【第一步】先將原頁首或頁尾的網頁原始碼之程式片段「剪下」,
再「貼」到一個新的文字檔裡(例:footer.txt),
並將文字檔的副檔名由原來的 txt 更改為 inc(例:footer.inc),

【第二步】在製作的主要頁面,上下各用 include 導入頁首與頁尾,
在原來被剪下的程式片段位置,改為下列的程式碼:
  1. 若為PHP網頁
    <? include "banner.inc" ?>

  2. 若為ASP網頁
    <!-- #include file="sample.inc" -->