教學]動態相簿-Goodwidgets

2009070817:59

今天來介紹一款跟Slide差不多效果的網站,可以把你美美的圖片變有質感,沒有註冊會員同樣可以使用,但無法管理,所以建議大家還是申請會員,方便以後管理。

進入到Goodwidgets網站 http://www.goodwidgets.com/

不想申請會員,可以略過註冊這一步


進入首頁後,點選上方的「sign in」申請會員,填入所需的資料就可以了

 

 

 

 


不想申請會員的朋友,可以在首頁上,點下「Make a Widget Now」

 

 

 

 


目前Goodwidgets有八種效果可以選擇,我上方有註明是動態的,表示製作的成果是會自己變換圖片的,靜態的則是要手動換圖!

 

 

 

 


選擇你要的樣式,並點選下方的「get free」,try是看效果,但不能製作,get pro是要選擇付費的!

 

 

 

 


進入製作第一步,要匯入圖片,右邊有這項選項讓你匯入圖片,如果是用網站匯入的話,在該網站上的相簿,必須是公開的才能搜尋的到

 

 

 

 


這裡我以本機匯入的方式作示範,點選upload your own,選擇一張圖片並且上傳,上傳完成,右邊會顯示圖片縮圖,你可以重複作這個動作,增加多張圖片!

 

 

 

 


在圖片上會有二個小圖,一個可以增加圖片的註解文字,點選小圖就可以輸入文字了

 

 

 

 


紅色是刪除這張圖片,當你有刪除圖片、移動圖片、增加註解等動作時,都要按一下Save Changes

 

 

 

 


圖片上傳後,可以點上面的「2 Configure」來設定相簿的其他項目,如底色、主題名稱、外框等等,每一種樣式的選項不一定相同,有的會有設定停留時間(自動換圖),有的可以修改背景色,但無論你設定了什麼,都要按下Save,才會儲存你的設定。

 

 

 

 


設定完成後,再按下方的3 Share來取得語法,以上是沒註冊會員的畫面,這個是讓你通知朋友,你有做一個動態相簿,讓別人可以連結來看,這部份可以略過!

 

 

 

 


這個就是取得embed語法,在奇摩及無名都可以使用這個語法,按下copy就可以自動複製

 

 

 

取得語法後,你可以直接貼上網站,把框起來的語法留著,其他的文字就可以刪除,當然,不刪除也可以,只是可能會多一些廣告而已!

再來看語法的部份
<embed src="http://goodwidgets.com/widgets/shift.swf"
name="gw88928"
FlashVars="gW=88928&bC=f2f2e8&aC=ab1d31&v=1.2"
quality="best"
wmode="transparent" 
allowScriptAccess="always"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash"
width="500" height="300"></embed>

以上紅字的部份,可以再刪除,變成
<embed src="http://goodwidgets.com/widgets/shift.swf"
FlashVars="gW=88928&bC=f2f2e8&aC=ab1d31&v=1.2"
wmode="transparent" 
width="500" height="300"></embed>

gW=88928 是你這個成品的製作代碼
bC=f2f2e8 是這個樣式的背景色,你可以自行修改,但不一定有作用
aC=ab1d31 這外框線的背景色
,你可以自行修改,但不一定有作用
v=1.2 是這個樣式的版本,不用去動他
width="500" height="300" 寬度及高度,可以自己縮放,但最好能同比例縮放!

 

 

 

 


Goodwidgets有提供二種語法,一種是embed,一種是iframe,可以依你網站或部落格的支援程度去取用語法

 

 

 

 


最後,訽問你是否要儲存這個成果為不公開,這個可以不用理他。

 

 

 

 

如果你有申請會員,以下是會員管理的說明!

 


登入後,你所製作的相簿效果都會儲存在會員區,進入My Account後,會看右邊的小框框,上面記載你做過的相簿效果,你可以按刪除,也可以點某一個效果,再進去修改!

 

 

 

 


你可修改圖片順序,或是上傳新圖片

 

 

 

 


如果你曾經在會員狀態下有上傳一些圖片,在upload your own開啟後,下面會多一個「Import previous uploads」這可以讓你找到以前上傳過的圖片記錄

你可以把你要的圖留著,不要的就刪除,最後記得要按下Save Changes,就可以繼續其他動作了!

 

效果示範-morph動態

效果示範-lightbox靜態


目前Goodwidgets把自家的LOGO寫在swf裡,所以效果會直接看到Goodwidgets的LOGO