分類
教學˙Teach & Learn

[教學] 如何利用Flash在blog部落格裡展示多張圖片II.

這次修正了路徑的問題. 讓一些不是自己架blog部落格的人, 以及使用外部空間儲存圖片的blog部落格ger也能使用這套圖片顯示器. 也連帶的解決了必須傳2次圖片檔的問題.


首先, 請下載以下檔案:
SWF檔案- Click here!
TXT檔案- Click here!
*以下步驟與上一篇教學相似, 不同之處標示為紅色
<第一步: 新增以日期為名的資料夾以存放圖片>
你可以蒐集整理好你今天拍的相片, 都放到同一個資料夾裡面以後, 把資料夾命名為 yyyy_mm_dd 的格式, 例如2004_08_16.
<第二步: 更改每一張圖片的檔名>
把圖片更改檔名, 依照你想要給訪客觀看的順序, 把檔名改成yyyy_mm_dd_n , n就是第幾張圖片, 那麼圖片檔名就會是2004_08_16_1, 2004_08_16_2 … 以此類推.
注意, 圖片請使用.jpg檔案, 大小640×480. 這樣的圖片大小與30萬畫素的手機拍出來的大小一樣, 因此許多使用手機拍出來的照片就可以不需要修改, 直接使用. (像我是用Nokia的6600) . 這也是我做這個顯示器最大的目的.
<第三步: 把圖片資料夾上傳到網路上>
這次你可以直接把整個圖片資料夾(以日期格式命名), 傳到免費空間或是自己的SERVER.
圖片的連結如果是http://www.dab.idv.tw/imgs/2004_08_16/2004_08_16_1.jpg
那就請你把日期前面的網址, 包括斜線都複製起來.
這就是之後會用到的site變數.

<第四步: 把HTML碼Post到新增文章中>
經過以上四個步驟, 你已經做完全部的準備動作. 接下來請下載TXT檔案.
檔案打開之後裡面是很長的HTNL原始碼.
把它複製起來.
把你複製的原始碼貼到你的新增文章欄位裡.

<第五步: 更改元件原始碼中的參數>
將原始碼貼到你的新增文章欄位以後, 請找到 value=”http://www.dab.idv.tw/dab/load_images_v5.swf?site=….
這一行, 接下來請依照需求更改其中的幾個變數:
site=http://blog.dab.idv.tw/dab/改成→site=第三步中所說的site變數

picnum=6改成→picnum=你這次要放的圖片張數
year=2004改成→year=圖片資料夾名稱中的年份
month=08改成→month=圖片資料夾名稱中的月份
day=03改成→day=圖片資料夾名稱中的日期
info1=xxxxxxxxx.改成→info1=你對第一張圖片的描述
info2=xxxxxxxxx.改成→info2=你對第二張圖片的描述
以此類推 有幾張圖片就info幾. 第15張圖片就info15.
在[/object]標記結束的後面, 你就可以增加其他的文字內容.
<後記>
若有什麼建議的話, 歡迎留下迴響囉!

作者: dAb

葛如鈞。1981年生於臺北,台灣大學資工博士,奇點大學見證者,前瞻科技傳教士,現任職於台北科技大學互動設計系 專任助理教授。

在〈[教學] 如何利用Flash在blog部落格裡展示多張圖片II.〉中有 1 則留言

檔名當然都乖乖的照你的教學改了!
不知道為什麼,我的圖片展示器就是只會出現第二張圖。
就算我把所有圖片都砍了,他還是\”會”出現第二張圖。
這應該是client端已經把swf載入到本地端硬碟裡面的關係吧?
不過更神的是,我把Temporary Internet Files裡面都清空,重新載入這個swf之後,他照常只秀第二張圖出來。
另外,我發現一個噩耗,一向被某些死硬派blogger擁護的mozilla瀏覽器,完全不支援這個展示器。原因未明!
Blog的圖片上傳友善介面尚未完成,還有待我們共同努力…>

留言回覆: