close
pixnet 的部落格上傳頭像的部份,預設是圖片。如果想要換成 flash,可以參考底下的作法。



目前幾乎所有部落格都支援 javascript 語法。也許並不在部落格的本文中直接支持,但至少,會在側邊欄是支援 javascript 的。

假定個人頭像是在左邊,按照原先的設定,你在會左欄看到自己的圖像。

這時候,如果你打開網頁的原始碼,你會看到這個圖像是放在一個叫 "headshot-img" 的 li 裡。這裡是不是 li 不是重點,關鍵的是它的 id 叫 "headshot-img"。

好,現在我們知道我們的圖像被放在這個 li 裡。裡面是 img src="" _fcksavedurl="""" _fcksavedurl="""" _fcksavedurl="""" _fcksavedurl="""" _fcksavedurl="""" 的語法。現在我們只要把這串語法換成是 flash 的語法就好了。

這個換的動作就是由 javascript 來作。

javascript 裡,取得對物件(html 的標籤)的控制,是用 document.getElementById('物件名稱') 這個語法。
因此,這時候我們會這樣寫,

document.getElementById('headshot-img').innerHTML = "";

至於雙引號裡放入的,就是你希望出現的 flash 語法。

底下是完整的例子。

<script>document.getElementById('headshot-img').innerHTML='<object><embed src="http://widgetserver.com/syndication/flash/wrapper/InsertWidget.swf?r=1&appId=755c6361-191f-4c99-806a-607d1e966ef7" type="application/x-shockwave-flash" allowScriptAccess="always" width="100%" height="100"></embed></object>';</script>

接下來,要把這串語法放在哪裡?前面提到,目前側欄很多都支援 javascript。你只要新增一個欄位,把這串語法放入即可。由於這串語法本身並不顯示任何東西,它是用來操控另一個欄位(就是頭像欄位),因此,建議直接將它放在某個現有的欄位裡就好了。以免會看到一個沒有東西的欄位。

其實,只要你的部落格(或其他任何網頁,可以讓你放入 javascript 碼的話,在網頁的呈現上,幾乎沒人管得了你。可以大改特改。

概念上,這段碼放置的欄位位置必須是在頭像欄位的後面(網頁載入順序的前後意思),免得在執行時,找不到頭像所在的物件。當一個東西還不存在時,我們無法修改它。
arrow
arrow
    全站熱搜

    cactis 發表在 痞客邦 留言(0) 人氣()