使用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
0-選擇「主面板」--設定相簿的標題(Album title)、圖片目錄(輸出網頁相簿)的位置
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圖形的邊框粗細
03-FotoPlayer-Options-Thumbs
設定「網頁幻燈秀」的縮圖樣式
建議勾選Number mode 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秒)…
05-FotoPlayer-Options-Settings
Backgroung Image
瘋浪客最喜歡的配色是 02_brushed_dark和05_leather(皮革色)
ps.啟動這個選項將會覆蓋掉Colors中Readymade themes的設定!!
06-FotoPlayer-Music
Delay Start(in secs)
設定進入相簿後要延遲幾秒鐘後開始播放音樂…
{{補充資料: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
使用PSpad來修改後的index.html
延伸閱讀
留言列表