Select ratingCancel ratingPoorOkayGoodGreatAwesome

Average: 5 (1 vote)

前幾天 archtest 兄在問有沒有模組可以提供和無名類似的相簿功能，阿舍一時想不起來，但是一直有印象，有一個相簿模組阿舍還滿喜歡的，和無名的相簿功能還滿像的，就一直去模組裡翻，還是沒有想起來，記得它是用 Simpleviewer 這個工具去做出來的效果，今天總於起來了，就是小有名氣的 Flash Gallery 模組，不過，剛剛去看了一下無名的相簿 ( 首頁上就有無名美女精選....呵 !)，呵呵 !! 已經和阿舍當年記得的樣子不一樣了，阿舍很久沒去過了......。

這個模組主要是利用 Simpleviewr 這個 Flash 做的播放器 ( Viewer ) 來達到動態的效果，想看看可以做出什麼效果的大德們，可以先到下列這個網址看一下哩 ! 有一個叫 "Demo" 的區塊下就有三種效果的連結 ( Hi-Res Demo, Lo-Res Demo, Full-browser)，可以點進去看。

http://www.airtightinteractive.com/simpleviewer/

這個模組是要配合 Image 模組裡的 Image gallery 模組一起用的，所以要用這個 Flash Gallery 模組之前，一定要先設定好 Image 模組才行，阿舍有寫一篇介紹 Image 模組的文，有需要的大德們可以參考本文最後面的相關連結。

Flash Gallery 幾乎可以說是不需要設定的，只是安裝的過程會有一點小小的複雜而已，畢竟是用別人的 Viewer ，所以，就會需要做一下些額外的步驟囉 !!

1. 下載及安裝 Flash Gallery 模組
請到 http://drupal.org/project/flash_gallery 下載並安裝。 ( 不幸的是， 看來 6.x 還沒有要開發的意思.....)

2. 下載並安裝 Simplviewer
請用這個網址 http://www.airtightinteractive.com/simpleviewer/simpleviewer.zip 來下載 Simpleviewer，載完之後，就把它隨便放個地方來解壓縮，解開之後應該會有一小堆的檔案，不要太貪心，也不要太偷懶，就直接就把整個檔案塞到 Flash Gallery 模組的資料夾去，這樣是不好的，也是有礙視力的，因為到時還要把不需要的一個一個挑出來....=____=!!

其實只要找出 swfobject.js 和 viewer.swf 兩個檔就好了，不要多放啊 ! 多放會不會有問題啊 ? 阿舍沒試過，有興趣的大德可以來 try try 看哩 ! 扯遠了...，把這兩二個檔案複製到 Falsh Gallery 模組的資料夾下的 Simpleviewer 資料夾裡去，什麼 ? 沒有 Simpleviewer 的資料夾 ? 喔 ! 這是正常的，各位大德請自己建一個新的資料夾來用，但是資料夾名稱可一定要叫做 Simpleviewer 才行的 !

3.設定權限
Flash Gallery 模組沒有什麼權限好設定的，到「管理」>「使用者管理」>「權限控制」(/admin/user/access) 的 Flash Gallery Module 下面，只有一個叫做「administer flash gallery 」的項目可以設定，這個項目很簡單，就是可以到 Flash Gallery 的管理界面來變更設定。

4.設定 Flash Gallery
相關的安裝和啟用動作完成之後，便可以到 「管理」>「內容管理」>「Flash Gallery」(admin/content/fgallery) 來做下列設定：

「dimensions」
這個欄位群組都是在設定一些和大小有關的項目。

width of flash animation:
當開啟 Flash Gallery 的相簿瀏覽畫面時，整個瀏覽畫面大小的寬度。

height of flash animation:
當開啟 Flash Gallery 的相簿瀏覽畫面時，整個瀏覽畫面大小的度度。

width of your largest image in pixels:
圖檔的寛度 ( 當圖檔的大小超過這個寬度時，就會改成這個寬度，小於就照原來的尺寸顯示..)

height of your largest image in pixels:
圖檔的長度 ( 同上 )

width of image frame in pixels:
用來設定金，外框的寬度，設的越寬，圖就會變的更小

stage padding:
上一個項目是設定顯示圖片的外框，而這裡就是設定整個 Flash Gallery 相簿瀏覽畫面的外框，其實不能說是外框，實際上指的是外框和內容之間的距離，有用過 CSS 的大德大概都對這個 Padding 有瞭解吧 ? 就是那個意思哩 !

「Color」
設定Flash Gallery 相簿瀏覽畫面的各種顏色。

background color:
整個 Flash Gallery 相簿瀏覽畫面的背景色。

tranparency
是設定說要不要讓背景有透明的效過，這個阿倒是沒試出個所以然來，啟用後，背景就都成白色的了....=___=!!

flash loader color:
這是在讀片資料時，出現顯一條顥示讀入進度的那一橫條的產色。

text color:
字的顏色。

frame color:
這個就是用來設定上面提到的Flash Gallery 相簿瀏覽畫面的外框的顏色哩 !

「navigation」
再來就是設定一些定位的項目了。

navigation position:
這個是用來指定那一排顯示縮小圖示 ( thumbnails ) 的導覽列的位置，預設是顯示在上面，各位大德可以依照自己的興趣來擺放哩 !

thumbnail columns:
這是設定那一排導覽列要出現幾張照片。

thumbnail rows:
而這個就是設定導覽列要顯式幾列的照片。

「miscellaneous」
終於來到最後的其它這個項目了，有點快沒力的感解 !!..下面的項目，有勾就會用，沒勾就不會有作用的。

display title
顯示照片的標題 ( 直接翻了 )

display album name
顯示相簿的名稱

display download link
會在圖片的標題旁邊顯示檔案下載的連結

build thumbnail library
這個就比較特殊了，這個功能是為了要將安裝 Flash Gallery 模組之前，已存在的圖檔建立縮圖的資料庫建立縮圖庫，所以需要透過這個功能來重建。

以上就是 Flash Gallery 模組的設定項目，雖然有點多，但是還不會太難的吧 !! ^^

5.使用 Flash Gallery
安裝設定完成之後，就可以用網址到 /fgallery 來啟用這個功能。