總瀏覽量

2011年6月26日 星期日

Gallery3 安裝教學

基本安裝

先到主頁下載程式碼http://gallery.menalto.com/

我是架設在本機XP sp3 apache上面

所以需要下載安裝appserv(要下載穩定版,不要dev版本)

http://www.appservnetwork.com/

接著直接把gallery3解壓縮到C:\Appserv\www\

在瀏覽器輸入http://localhost:[port]/[gallery3]

[port]:安裝appserv時指定的port number,若沒改預設是80

[gallery3]:解壓縮出來的資料夾名稱,若有重新命名這邊要改

enter後會進入install頁面


要填的資訊很簡單,database name比較麻煩一點點而已

先到http://locahost:[port]登入mySQL

新增一個資料庫,名稱隨興,回來install頁面把名稱打上去即可

ID、password輸一下

continue即可


進入後順道改一下admin的帳號密碼,就可以快樂體驗去了



更換theme


個人認為greydragon這個theme既不錯看

搭配作者開發的module也比較能無縫接軌

下載:http://codex.gallery2.org/Gallery3:Themes:greydragon

解壓縮至gallery3/themes/

到相簿的admin->appearance->theme choice就能套用新的theme了





新增module


解壓縮至gallery3/modules/

到admin->modules打勾即可安裝

我安裝了shadowbox來提升瀏覽照片的用戶體驗

http://codex.gallery2.org/Gallery3:Modules:shadowbox

(還有colorbox與fancybox模組可以選,可自行調整的設置比較多,效果也都不同)

不過模組的原始設置是在呈現單一照片時再click才會跳出box顯示更大張的圖片

我想改成facebook那種,再瀏覽所有照片時click某一張就會跳出box呈現

這需要修改一下程式碼

可以確定的是燈箱效果套用的class為g-sb-preivew

裝上Zend Studio用搜尋的找到包含 g-thumblink 的片段(呈現縮圖的class)

在theme的My_Theme_View.php裡面發現組成html原始碼的片段

$thumb_content .= '<a '. $_shift . ' class="g-thumblink" href="' . $item->url() . '">';


在這邊的class掛上 g-sb-preivew 並修改後面的href目的地


就能達到我想要的效果了


把上面那行註解掉,改成下面這樣

//modified
    if($item->is_album()) {
        $thumb_content .= '<a '. $_shift . ' class="g-thumblink" href="' . $item->url() . '">';
    }
    else {
        $thumb_content .= '<a '. $_shift . ' class="g-thumblink g-sb-preview" href="' . $item->file_url() . '">';
    }
//end modified



file_url()似乎是原圖,讀起來蠻慢的,也可以改成resize_url()比較快






上傳失敗、檔案大小限制

在上傳照片時則是碰到大小不夠的問題

http://blog.klgsh.kl.edu.tw/lifetype12/post/1/678

上面提供了修改php.ini上傳設定的方法

檔案大小大概設20MB即可,memory size設大一點(我設100M)

restart apache
後上傳有時會碰到server error

Server error: Error #2038 (IO)

遵照troubleshooting的方法做似乎是解決了
 
http://codex.gallery2.org/Gallery3:Troubleshooting:Uploading

接著碰到新增中文名稱的相簿會無法上傳照片的問題

參照這篇解決http://163.17.90.135/plog/post/2/79


就是網址部分不要有中文即可




沒有留言:

張貼留言