2010年5月18日

建立專業Flash相簿 By Jalbum + FotoPlayer3.1

使用Jalbum Portable來製作網頁相簿~

本次研習將示範產出網路評價極高的「FotoPlayer3.1 」專業Flash相簿

相簿展示如下
http://163.19.30.2/photo/20090928-JingChai_Bells/

成果示範:明賢的小孩

{{General Mode:Pro;啟動Slide image click navigation}}
{{Backgroung Image:05leather;Number Mode thumbs}}

http://163.19.30.2/photo/20090705-ono_child/


Fotoplayer專業相簿的製作過程:

000-先把圖片匯入Jalbum裡面~然後就開始相簿製作囉!!

00-Skin and style—樣板:請選擇FotoPlayer_v3.1

00-Configuration

0-選擇「主面板」--設定相簿的標題(Album title)、圖片目錄(輸出網頁相簿)的位置

00-主面板

01-FotoPlayer-General:建議勾選Pro (專業級)

01-FotoPlayer-General-Pro

02-FotoPlayer-Options-Slides

設定「網頁幻燈秀」的各種展示效果

自動播第一張圖;自動播放Slideshow;

Transition mode
瘋浪客推薦01 Fade(淡入淡出) 06 Photo(閃光燈特效)99 random(隨機)這三個效果

Slide image click navigation
若啟動這個選項:則可以讓圖片的左、右邊成為圖片的上、下張的感應區(建議要啟動)

Stretch Image
若啟動這個選項:Slide圖形將儘量延展到整個畫面(不建議啟動)

Photo Frame
若啟動Enable Frame:就可以設定 Slide圖形的邊框粗細

02-FotoPlayer-Option-Slides

03-FotoPlayer-Options-Thumbs

設定「網頁幻燈秀」的縮圖樣式

建議勾選Number mode thumbs

03-FotoPlayer-Option-Thumbs

//*補充說明
------------------------------------------------------------------------------------------

Thumbnail Layout(縮圖版面配置)
有兩種 Horizontal(橫的配置) Verticle(直的排列)

Thumbnail autoscroll
自動捲動縮圖---建議要勾選

Thumbnail Tooltip
若啟動這個選項:
當滑鼠移到縮圖的上方,就會出現原圖的檔案名稱及大小的浮動資訊喔!!

Number Mode thumbs(數字縮圖模式)
「General的Mode要設在Pro 」時才能啟用數字縮圖模式的功能

Enalbe Thumb Frame ( 縮圖是否要使用邊框 )
若啟動這個選項就可以設定縮圖邊框 的大小 (Size)

FixedShape Thumbs
不建議啟用它!!若啟動則將以原圖大小的一部分來當縮圖

GrayScale Thumbs(灰階縮圖)
若啟動這個選項縮圖將以灰階影像顯示…

------------------------------------------------------------------------------------------  *//

04-FotoPlayer-Options-ControlPanel

主要是設定每張圖片展示的時間…預設的時間是7秒(建議改成5秒)…

04-FotoPlayer-Option-ControlPanel

05-FotoPlayer-Options-Settings

Backgroung Image
瘋浪客最喜歡的配色是 02_brushed_dark05_leather(皮革色)

ps.啟動這個選項將會覆蓋掉Colors中Readymade themes的設定!!
05-FotoPlayer-Option-Settings

06-FotoPlayer-Music

Delay Start(in secs)

設定進入相簿後要延遲幾秒鐘後開始播放音樂…

06-FotoPlayer-Music

{{補充資料:FotoPlayer-Options-Description設定的參考}}

Photo description

要啟動這個選項才會有半透明的「圖片資訊描述視窗」
不啟動時,「圖片資訊描述視窗」是不會出現滴!!

Description window docked
若啟動這個選項「圖片資訊描述視窗」將被固定住
不啟動時,滑鼠要移到圖片上,「圖片資訊描述視窗」才會浮動出來

Description window location
「圖片資訊描述視窗」出現的位置有left 和right兩種選擇

Exif
啟動這個選項就可以在 「圖片資訊描述視窗」顯示圖片的exif資訊

{{補充資料:FotoPlayer-Colors 設定的參考}}
Readymade themes 有九種可以選擇 (default+Theme1~Theme8)
Option--Settings--Backgroung Image的選項要先Disabled設定才有意義

設定「Colors」後的成果示範:
{{Colors-Readymade themes:default}
http://163.19.30.2/photo/20090630-FarewellParty/


大概就醬

修改相簿中的index.html

建議使用PSpad來修改相簿輸出後的index.html

使用PSpad修改前的index.html

index修改前

使用PSpad來修改後的index.html

index修改後

 

延伸閱讀

Zymic 網頁空間(感恩雄大推薦!!)
使用 FileZilla Portable上傳網頁

20100521 ~和瘋浪客一起玩影像!!

建立專業Flash相簿 By Jalbum + FotoPlayer3.1

沒有留言:

張貼留言