萍水相逢的紫 Meet by chance, Violet: 8月 2011

2011-08-11

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

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

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

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

【第三步】把下列程式片段加到欲插入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>

【More…】

2011-08-10

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

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

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

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

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

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

【第四步】把下列程式片段加到欲插入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 導入頁首與頁尾，
在原來被剪下的程式片段位置，改為下列的程式碼：

若為PHP網頁
<? include "banner.inc" ?>
若為ASP網頁

【More…】