簡易的Flash相簿
作者:yoyo 日期:2010-01-20 16:55
好幾個朋友問我部落格裏那幾個很炫的Flash相簿怎麼弄的,一直想找個時間在這裏簡單的說明一下,但自己太懶散就如此耽擱至今才動工。
說穿了其實很簡單,只是利用一個網站的小工具,幾秒鐘就能變出一個Flash相簿...
首先您必須要有Flickr的圖床,沒有帳號的朋友可以自己申請一個...免費的喔~~,因為這個相簿生成工具只針對Flickr相簿。
再來您只要進入http://splashr.com/這個網站,填幾個欄位後就可以生成Flash相簿的原始碼...
下圖為進入http://splashr.com的畫面

例如我於去年11月份時參加了文雄兄舉辦的外拍活動,那天拍攝的照片已上傳至我的Flickr相簿上,並在每一張照片上加上了"20091121"這個標籤,現在要將當天所拍攝所有的照片生成一個Flash相簿...
紅框1為填入您要納入Flash相簿Flickr上照片的標籤,如"20091121"。
紅框2為填入您Flickr上的帳號或註冊時的信箱。
紅框3為相簿的照片數量,只有25,50,100可以選擇,基本上所收錄相片的數目不要大於三個預設的數量即可,例我所標示的"20091121"的標籤共有17張,那我選擇25即可。
您也可以直接於紅框4輸入Flickr上已建立的相簿名稱。
下方就是各式各樣的Flash相簿,按藍色的play鍵可先預覽生成的相簿,點選自己喜歡的樣式後按紅框6的"Next"進入下一頁。(此例我是選擇紅框5"Desktop"的樣式。)

點選紅色框框的 "Use this presentation on your own site" 選項
產生原始碼的畫面

樣式1.Use a pop-up window. 為彈跳示視窗模式,紅框1內為原始碼。
樣式2.Embed it using an iframe:. 為內崁式,紅框2內為原始碼。
我是採用內崁式,只要將紅框內的原始碼copy至要發布的網頁或部落格,在原始碼的模式中在適當的位置貼上即可,如此就大功告成。
此例的結果如下:
說穿了其實很簡單,只是利用一個網站的小工具,幾秒鐘就能變出一個Flash相簿...
首先您必須要有Flickr的圖床,沒有帳號的朋友可以自己申請一個...免費的喔~~,因為這個相簿生成工具只針對Flickr相簿。
再來您只要進入http://splashr.com/這個網站,填幾個欄位後就可以生成Flash相簿的原始碼...
下圖為進入http://splashr.com的畫面

例如我於去年11月份時參加了文雄兄舉辦的外拍活動,那天拍攝的照片已上傳至我的Flickr相簿上,並在每一張照片上加上了"20091121"這個標籤,現在要將當天所拍攝所有的照片生成一個Flash相簿...
紅框1為填入您要納入Flash相簿Flickr上照片的標籤,如"20091121"。
紅框2為填入您Flickr上的帳號或註冊時的信箱。
紅框3為相簿的照片數量,只有25,50,100可以選擇,基本上所收錄相片的數目不要大於三個預設的數量即可,例我所標示的"20091121"的標籤共有17張,那我選擇25即可。
您也可以直接於紅框4輸入Flickr上已建立的相簿名稱。
下方就是各式各樣的Flash相簿,按藍色的play鍵可先預覽生成的相簿,點選自己喜歡的樣式後按紅框6的"Next"進入下一頁。(此例我是選擇紅框5"Desktop"的樣式。)

點選紅色框框的 "Use this presentation on your own site" 選項
產生原始碼的畫面

樣式1.Use a pop-up window. 為彈跳示視窗模式,紅框1內為原始碼。
樣式2.Embed it using an iframe:. 為內崁式,紅框2內為原始碼。
我是採用內崁式,只要將紅框內的原始碼copy至要發布的網頁或部落格,在原始碼的模式中在適當的位置貼上即可,如此就大功告成。
此例的結果如下:











