September 1, 2004

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

主要是製作了一個小工具, 來幫助不懂的網頁語法的使用者來新增內含圖片顯示器的文章. 因此在流程上, 又變的更簡單了. 對電腦不是很在行的, 看這篇教學的話, 三十秒就上手喔! (笑)

首先, 請下載以下檔案:
SWF檔案- Click here!
原始碼產生器- Click here!
原始碼產生器V2- Click here!

<第一步: 新增以日期為名的資料夾以存放圖片>
你可以蒐集整理好你今天拍的相片, 都放到同一個資料夾裡面以後, 把資料夾命名為 yyyy_mm_dd 的格式, 例如2004_08_16.

<第二步: 更改每一張圖片的檔名>
把圖片更改檔名, 依照你想要給訪客觀看的順序, 把檔名改成yyyy_mm_dd_n , n就是第幾張圖片, 那麼圖片檔名就會是2004_08_16_1, 2004_08_16_2 ... 以此類推.
注意, 圖片請使用.jpg檔案(請勿使用漸進化的jpg檔案, 請用標準或是Baseline), 大小640x480. 這樣的圖片大小與30萬畫素的手機拍出來的大小一樣, 因此許多使用手機拍出來的照片就可以不需要修改, 直接使用. (像我是用Nokia的6600) . 這也是我做這個顯示器最大的目的.

<第三步: 把圖片資料夾上傳到網路上>
這次你可以直接把整個圖片資料夾(以日期格式命名), 傳到免費空間或是自己的SERVER.
圖片的連結如果是http://www.dab.idv.tw/imgs/2004_08_16/2004_08_16_1.jpg
那就請你把日期前面的網址, 包括斜線都複製起來.
這就是之後會用到的site變數.

<第四步: 產生網頁原始碼>
為此, 我製作了一個簡易版的原始碼產生器. 就是你剛剛下載過的code_gen.exe.
只要填完表格, 按下按鈕, 底下就會產生一段網頁原始碼. 如果是第一次填的話, 可以按[範例]來了解一些小規則. 這個簡易版的只能寫最多九張圖片的描述喔! 要注意!

<第五步: 把HTML網頁碼Post到新增文章中>
把原始碼產生器產生出來的HTML代碼貼到新文章欄位, 在[/object]標記結束的後面可以再增加其他的文字內容.


<後記>

若有什麼建議的話, 歡迎留下迴響囉!











更多同類文章看這裡: [ 教學˙Teach & Learn ]   
由 dAb 發表於 September 1, 2004 3:00 PM | 引用 |


迴響

讚喔!有沒有swf版的?我來想想辦法把他plug-in到MT的管理者介面中,就可以更輕鬆的新增圖片了!

話說回來,大寶對Java Script熟嗎?類似的程式用JavaScript來implement好像更快喔...

[1] Posted by: lock 發表於 September 2, 2004 12:28 AM
發表迴響














記住我的資訊?