PFC-Pentax Fans Club

 取回密碼
 註冊
直達第 跳轉
返回清單 發表主題
檢視: 887|回覆: 7

如何製作 html 展示硬碟裡的照片? [複製連結]

中級會員

註冊時間
2011-4-2
主題
33
發表
432
精華
0
威望
336
積分
502
最後登入
2016-6-13
發表於 2013-12-19 20:31:32 |顯示全部樓層 | 字體大小
今天試了一些免費軟體,來製作 local 的 html 相簿,來展示硬碟裡的相片。

如 Picasa、HTTPhotos、Web Album Generator、JetPhoto Studio…等。


Picasa 中規中矩,可以加註文字

HTTPhotos 效果不錯,但不能支援繁中

Web Album Generator 簡單好用,也支援繁中

JetPhoto Studio 基本上也 OK


不足的地方是,這些製作出來的 html,在檢視單張照片時,不會自動配合視窗大小自動縮放。
然後大部份是會強製縮圖,而不是連結到原始的圖檔。

不知道有沒有網友有相關的經驗可以分享?

中級會員

註冊時間
2010-11-5
主題
34
發表
282
精華
0
威望
232
積分
350
最後登入
2016-11-28
發表於 2013-12-19 20:59:26 |顯示全部樓層 | 字體大小
以前我自己寫了一個.
功能超級簡單. 產生縮圖. 點縮圖就show 出原來的大圖, 不壓縮的. 排滿整個頁面.
沒辦法上一頁下一頁.
軟體不是windows 介面. 必須在cmd 下使用. 他會自動對目錄下的所有jpg 檔產生縮圖. 註解是jpg 檔案名稱..

中級會員

註冊時間
2011-4-2
主題
33
發表
432
精華
0
威望
336
積分
502
最後登入
2016-6-13
發表於 2013-12-23 19:35:00 |顯示全部樓層 | 字體大小
happylin 發表於 2013-12-19 20:59
以前我自己寫了一個.
功能超級簡單. 產生縮圖. 點縮圖就show 出原來的大圖, 不壓縮的. 排滿整個頁面.
沒 ...

好厲害 會寫 app

中級會員

註冊時間
2011-4-2
主題
33
發表
432
精華
0
威望
336
積分
502
最後登入
2016-6-13
發表於 2013-12-23 19:43:54 |顯示全部樓層 | 字體大小
最後是用 httphoto 裡面的 autoviewer 的樣板,他是會配合視窗自動縮放的,且圖片左上角可以浮現每一張照片的文字說明。

但不支援繁中怎辦? 只好手動改 html....

照片最大尺寸不夠怎辦? 也是手動改 html 檔,圖檔也配合 html,手動縮到 1920x1080 左右的尺寸。

算是土法煉鋼出來的,自己覺得還 ok,可以分享給同事們看看了。


最後,改這麼問好了…
請問有沒有製作 photo cd 的軟體?
或類似的…大家怎麼分享照片(離線)的呢?

超級新手

註冊時間
2006-11-7
主題
214
發表
2520
精華
2
威望
2503
積分
2958
最後登入
2016-12-8
發表於 2013-12-23 20:00:02 |顯示全部樓層 | 字體大小
不難.. php 掛上 imagemagic 就可以在短短 一頁 php 敘述程式中寫完你所要的全部.

我是使用 aperture 直接輸出要的大小 (例如原大小).

php 自動掛上 imagemagic, 在你讀取首頁時直接去搜整個圖片資料夾. 若已有縮小圖自動跳過. 沒有自動壓縮變成縮圖, 然後自動顯示到頁面上.

透過 angular.js 你整個網站頁面連一個 javascript 都不用寫. 全部在一小時之內搞定, 而且網站是隨時隨地在哪都能看的 :)

============== 看得懂 php 就看, 看不懂我沒辦法教你 ===============
<?
/* function:  returns files from dir */
function get_files($images_dir,$exts = array('jpg')) {
    $files = array();
    if($handle = opendir($images_dir)) {
        while(false !== ($file = readdir($handle))) {
            $extension = strtolower(get_file_extension($file));
            if($extension && in_array($extension,$exts)) {
                $files[] = $file;
            }
        }
        closedir($handle);
    }
    return $files;
}

/* function:  returns a file's extension */
function get_file_extension($file_name) {
    return substr(strrchr($file_name,'.'),1);
}

/** settings **/
$images_dir = 'slides/';
$thumbs_dir = 'slides/thumbs/';
$output_string1 = '<div id="thumbs">';

/** generate photo gallery **/
$image_files = get_files($images_dir);
$last_image = count($image_files);

if($last_image) {
    $index = 0;
    foreach($image_files as $index=>$file) {
        $index++;
        $thumbnail_image = $thumbs_dir.$file;
        if(!file_exists($thumbnail_image)) {
            $extension = get_file_extension($thumbnail_image);
            if($extension) {
                make_thumb($images_dir.$file,$thumbnail_image,$thumbs_width);
            }
        }
        $output_string1 .= '<image src="'.$thumbnail_image.'" org="'.$images_dir.$file.'" />';
    }
    $output_string1 .='</div>';
    echo $output_string1;
}
else {
    echo '<p>There are no images in this gallery.</p>';
}
?>

中級會員

註冊時間
2006-9-22
主題
80
發表
361
精華
0
威望
377
積分
521
最後登入
2016-12-6
發表於 2013-12-26 08:24:54 |顯示全部樓層 | 字體大小
樓主可試試"jalbum"這個小程式
之前有用過
他有不少的佈景主題
有些簡約 有些華麗
至於想要用原圖 印象中在內部可設定
中文簡介

中級會員

註冊時間
2011-4-2
主題
33
發表
432
精華
0
威望
336
積分
502
最後登入
2016-6-13
發表於 2013-12-26 16:06:17 |顯示全部樓層 | 字體大小
lukehsu0327 發表於 2013-12-26 08:24
樓主可試試"jalbum"這個小程式
之前有用過
他有不少的佈景主題

太感謝!

試起來還不錯耶…

中級會員

註冊時間
2006-9-22
主題
80
發表
361
精華
0
威望
377
積分
521
最後登入
2016-12-6
發表於 2013-12-27 00:05:57 |顯示全部樓層 | 字體大小
其實像picasa的html輸出
網路可以找到一些玩家自製的外掛
比原本的好看很多
但後來有了jalbum之後
我就比較少開picasa了
直達第 跳轉
返回清單 發表主題
你需要登入後才可以回覆 登入 | 註冊 |

招商合作|Archiver|PFC-Pentax Fans Club |網站地圖  

GMT+8, 2016-12-8 06:20 , Processed in 0.025528 second(s), 4 queries , Gzip On, Eaccelerator On.

Powered by PFC

© 2004-2016 Pentax Fans Club

回頂部