
這次阿舍為了做簡單的產品介紹網頁,然後要附上圖片的,最好是可做那種光盒(LightBox)效果的,講到光盒這個東西,有經驗的大德們大概都會想到 LightBox 2 這個超級經典的圖片展示功具,啊 ! 不過阿舍沒有要那麼複雜的東西,所以就去找比較簡單的模組,結果就給阿舍相到一個叫ThickBox 的光盒模組,仔細看一下 Readme.txt,原來是要 Image 模組一起用才行,就這樣才發現 Image 模組也還不錯用哩 !! ^^。
Image 模組的功能不算少,包括: 圖檔尺寸的變更、產生預覽圖、大量匯入、上傳及 Gallery 等功能,所以 Image 模組的設定就有點比較複雜一點,其實也沒太多的複雜,只是步驟多了一點而已,阿舍把它分成兩大部分來講,第一個部分便是參數設的部分,而第二部分就是有關 Image 模組功能的使用,以下就是設定的說明哩....。
0. 下載及啟用。
請到 http://drupal.org/project/image 下載並安裝與啟用,在啟用時會發現,在「管理」›「 網站建置」 ›「 模組」>「Image」下有好幾個子項目,請都把它打勾來啟用。
接下來就是第一部分的工作, Image 模組和它的子模組的參數設定。
1. 設定 Image 參數
請到 「管理」›「 網站設定 」 ›「Image」來設定上傳的圖檔儲存位置及圖檔在各種顯示模式下的圖形尺寸。
「File paths」 > 「Default image path:」
設定上傳檔案的儲存位置,預設是 drupal 安裝資料夾裡的 file 資料夾下的 image 資料夾,阿舍是用預設的沒有去改,不過,阿舍有試了一下,這裡所指定的資料夾不需各位大德到檔案系統去手動建立的,只要打好按儲存,就會自動建立的哩.....。
「Maximum upload size:」
這個就是限制上傳檔案的大小的地方,預設是 800K,如果上傳的檔案大小過 800K,那麼就會在畫面上出現一錯誤訊息,然後圖檔就會傳不上去了....。
「Image sizes」
這裡是用來設定各種情況下的顯示尺寸,而這些不同尺寸的圖型在上傳之後,就會一次產生出來,而是是顯示時才產生的,預設的有下列三個尺寸:
Original
原始尺寸,這裡如果沒有在右邊的 Width 和 Height 欄位裡設定數值的話,那麼上傳後的圖檔不會被修改成新的尺寸,而會保留上傳時的尺寸,但是,如果有設定尺寸的話,上傳後的圖檔就會先變更成設定的尺寸後再儲存。
為什麼要變更「原始尺寸」呢 ? 這個很難說要不要設,但是為了要讓上傳後的檔案能多比較好排列與顯示的話,設定統一的原始尺寸,就會是一個要考量的方法哩。
Thumnail
是縮圖的尺寸大小。
Preview
則是預覽時的顯示大小。
至於接著在下面的幾個空白欄位在設定之後可怎麼運用,呵...呵,阿舍還沒找到答案哩....=___=!!。
填完上面的位後,按最下面的「儲存設定」之後,就要進入下一個步驟了.....。
2.設定「Image Attach」
這個比較簡單,只是到「管理」›「 網站設定 」 ›「Image attach」進去按要不要啟用這功能就可以搞定了,不過,這個功能是要幹嘛的呢 ?
如果各位大德啟用了這個功能,那麼到 「管理」 › 「內容管理」 › 「內容類型」裡隨便開一個內容類型來編輯,就會看到在下面多了一個叫「Image Attach settings」的選項,用來設定是否可以上傳圖檔及圖檔在此種內容類型的顯示方式。
內容型裡啟用這個功能之後,在編輯時,就會多出一組叫做「Attached Images」的欄位來上傳或引用已上傳的圖檔,不過,這個部分的設定,阿舍要在稍後的第二個部分裡才會說到。
3.設定「Image gallery」
這個也不難,只是要設定說,每一個 Gallery 的每一個頁面要顯示幾張圖片,預設是 6 張,阿舍覺得有點少,如果圖多的話,光換頁,就換到手酸哩,阿舍看情況會設為 12 ~ 20 之間,每一頁的顥示數量越多,顯示速度就會跟著變慢哩....。
而第二個叫「Display node info」的選項是用來設定,要不要在 Gallery 的顯示畫面裡,在每張圖的下面顯示出張貼(Post) 的人是誰 ...,阿用來做商品顯示用,所以就沒有勾,但是,各位大德如果是拿來做分享照片的網站,可能就打勾會比較好吧。
這個部分接下來還剩有二個要說明,不過已經打了一早的字了,越打錯字越多,一個字要打二、三篇,看來阿舍要去 Break 一下了,所以就先寫到這裡了....^^=。
- 瀏覽次數: 4884
阿舍兄..想請教你是否有推荐的報到模組??
功能大致是讓使用者可以針對我提供報到功能的node 進行操作.
(但需有限制使用者點選的次數..以及搭配userpoint使用(ex.報到一次給多少金幣))..
找了好久找不到模組= =.......
或是有別的方法呈現呢?
請給我個指示.感謝^^
Hello jthink0228 兄,
不好意思,阿舍之前沒有研究過這些功能,所以要再花時間找找看囉 !! ^^=。
阿舍...
阿舍的 Drupal 架站經驗談
http://drupal.soa.tw
請問
有好的相簿模組可介紹?
簡單易用 ?
Thanks..
Hello archbest 兄,
阿舍在 DruaplTaiwan 有看到下面這篇文用 album photos 6.x-2.5-beta3 做的。
http://drupaltaiwan.org/forum/20081114/2784
album photos
http://drupal.org/project/photos
另外,比較常見的就是 Gallery 這個模組,不過 6.x 的版本還沒完成...
http://drupal.org/project/gallery
還有 Flash gallery 模組,也是只有支援 5.x 的...
http://drupal.org/project/flash_gallery
如果有興趣動手做的話,也可以參考下面這篇...
Create an image gallery using only CCK and Views
http://drupal.org/node/144725
簡單一點的話,阿舍就用 Image 模組裡的 Image Gallery 功能,再加上 ThickBox 模組的火盒效果來用,阿舍是覺得也是 OK 的哩 !!
ThickBox 模組
http://drupal.org/project/thickbox
供參囉 !! ^^=。
阿舍...
阿舍的 Drupal 架站經驗談
http://drupal.soa.tw
請問
可有類似無名小站類似那相簿模組 ?
Thanks ..
文中有提到 Flash ?
是使用者要懂Flash製作 ?
還是該模組支援播放功能 ?
Thanks..
Hello archtest 兄,
archtest 兄是指 ThickBox 或是 LightBox 2 模組嗎 ? 這兩個模組都是安裝設定好之後,就會有光盒的效果了,使用者不用自已來弄的....^^。
供參囉 !! ^^-=。
阿舍...
阿舍的 Drupal 架站經驗談
http://drupal.soa.tw
您好
我是用 photos 6.x-2.5-beta3
但到步驟三
http://myfreedom.twbbs.org/book/upload
按選擇圖片,沒步驟四畫面,也就沒反應
是我漏掉哪個選項沒開,才不能上傳??
但我用 Image 模組,可以上傳單一圖檔
Thanks..


非常棒的分享^^