|
|
|---|
|
壹、前言： 近年來數位相機普及，幾乎每個人電腦內都有許多不錯的照片，常久下來，未經分類整理，形成一個很大困擾。 我們大多會使用類似 ACDSee 看圖軟體來回顧以前的作品，您有想過將它分類做成可自動秀圖的 HTML 網頁嗎？ 照片做成 HTML 網頁，除了可以分類管理外，最大的好處是可製作成光碟片，送給不懂電腦的好友輕鬆瀏覽。 我曾於本篇內，介紹過兩篇超炫的 Flash imageBox 套用程式及超炫的 Lightbox JS 光箱特效程式專題報導。 現在我要介紹另外六個完全免費且易於使用的秀圖程式，讓有此需要的網友，也能順利參照範例自己套用或製作。 我所選的這六個都不需要使用虛擬主機後台程式，大多只要使用 HTML、CSS、JavaScript、Flash，就可以運作。 為配合可以不必使用後台程式及適合於電腦內觀看使用，有些我做了部份修改，惟其程式版權仍歸原創作者所有。 事實上大多數的秀圖程式，製作方式與之前介紹的那兩個光箱特效程式類似，只有效果與顯示上的變化而已。 網路上秀圖程式至少有 40 幾個，有的需要使用到後台程式，有的設定很複雜，我先詳細介紹這六個修改範例。 |
|
貳、JonDesign's SmoothGallery 來源網址： Go to websit 程式下載： Go to download 960 Kb 使用程式：HTML、Javascript、CSS。 程式特色：可前後秀圖，按 Picture 文字圖示，還可以下拉後滾動挑選圖片。 支援瀏覽器：Firefox、Opera、Internet Explorer 6 and 7、Safari。 版權規範：Nothing, it's free as in beer and even better, this library is open-source, GPL licensed to be precise. 難易程度：普通。 套用範例： Go to Demo 修改說明：將原本需要後台程式執行的看大圖功能，改為一般 HTML 語法 (01 ~ 08.htm)。 套用說明：您只要修改 demo.htm 檔案內的標題、圖片路徑及製作一個相對的 01 ~ 08.htm 檔案。 |
|
參、Fading Slideshow 來源網址： Go to websit 程式下載： Go to download 606 Kb 使用程式：HTML、Javascript、CSS、Flash、Sound。 程式特色：具有 Flash 效果，可前後秀圖，修改非常簡單。 支援瀏覽器：未標示。 版權規範： Go to websit 難易程度：容易。 套用範例： Go to Demo 修改說明：修改往前退後鍵圖示及去背 (master.css)。 套用說明：只要修改 js\slideshow.js 檔案，及存放圖片 /images/ 目錄(路徑)與檔名、標題即可。 |
|
肆、GreyBox 來源網址： Go to websit 程式下載： Go to download 177 Kb 使用程式：HTML、Javascript、CSS。 程式特色：有多種顯示上變化。 支援瀏覽器：Safari、Firefox 1.5+、Internet Explorer 5.5+、Opera 8.5+。 程式版權： Go to CopyRight 難易程度：容易。 套用範例： Go to Demo 修改說明：我修改原來存放圖片目錄(路徑)並增加圖片外框及數量。 套用說明：只要修改 demo.htm 檔案，及存放圖片 /images/ 目錄(路徑)與檔名即可。 |
|
伍、Hoverbox Image Gallery 來源網址： Go to websit 使用程式：HTML、CSS。 程式下載： Go to download 280 Kb 程式特色：很不錯的圖片顯示變化。 支援瀏覽器：未標示。 程式版權：未標示。 難易程度：容易。 套用範例： Go to Demo 修改說明：我修改原來存放圖片目錄(路徑)及更換底圖。 套用說明：只要修改 demo.htm 檔案，及存放圖片 /images/ 目錄(路徑)與檔名即可。 |
|
陸、Highslide JS 來源網址： Go to websit 程式下載： Go to download 358 Kb 使用程式：HTML、Javascript、CSS、Flash。 程式特色：很不錯的顯示變化，還可移動顯示大圖檔。 支援瀏覽器：IE 7 ~ 4.0、Firefox 1.5 Works、Opera 8.5 Works、Netscape 7.2、Safari 2.0 on Mac Works、Konqueror 3.5 。 程式版權：A personal website, educational site or other non-commercial use (free). 難易程度：容易。 套用範例： Go to Demo 修改與製作說明：增加一個 css.css 檔，更換為自己的照片。 套用說明：只要修改 demo.htm 檔案，及存放圖片 /images/ 目錄(路徑)與檔名即可。 |
|
柒、DhoniShow 來源網址： Go to websit 程式下載： Go to download 12 Kb 使用程式：HTML、Javascript、CSS。 程式特色：很特殊的顯示變化。 支援瀏覽器：IE 7 ~ 4.0、Firefox 1.5 Works、Opera 8.5 Works、Netscape 7.2、Safari 2.0 on Mac Works、Konqueror 3.5 。 程式版權：限使用於個人、教學或無商業行為網站，本程式受 CC 保護。 難易程度：有點複雜。 套用範例： Go to Demo 修改說明：我已將相關外部檔案下載回來並做整理。 套用說明：只要修改 dhonishow.htm 檔案，將圖片分割為 3 張及做好等比率尺寸設定，照片放於 /pics/ 目錄內即可。 |
|
捌、其他秀圖程式： 我蒐集了 30 個以上各式各樣與 Slideshow 有關網站，有興趣者，請自己進去瞭解吧 More Website。 注意：共 33 個各式各樣檔案我已存放在本篇報導目錄內，本站會員不用再去下載喔。 有的是需要後台程式(PHP)，有的是編輯軟體，有的只需要使用到 HTML、Javascript、CSS、Flash，均有簡單介紹。 如果您想輕易修改這些程式特效，強烈建議您學會 HTML 標籤，這是任何網頁都要用到原始碼，值得您花點時間學習喔。 我能免費服務的都盡可能告訴您了，限於人力，真的很抱歉，非本站教學會員，請勿來信詢問這些程式修改或套用方式。 如果您想學習 HTML 標籤、對修改或套用程式上有不瞭解的地方，歡迎加入本站教學會員，取得進一步協助，謝謝您。 |
|
玖、本站會員注意事項： 一篇保證前所未見的 HTML 教學課程，絕對是您學習 HTML 的好教材，強烈建議您進入實際體驗一下。 為利網友快速取得本報導相關檔案等資料，歡迎到網頁研習室網站進一步取得完整教材。 您也可以加入我們的教學會員或免費索取教材，直接由教材 CD 片內取得更多學習及完整資料。 本報導所有檔案均存放於 CD:/study/maillist3/pro/07/zip/目錄內，共計 80 個程式檔， 25.3 Mb。 歡迎大家前往最新完工的網頁教學 議題討論版 ，發表您的看法或建議，讓彼此更能互動受惠。 特別聲明：以上程式檔案之版權均為原創作者所有，請注意版權宣告，並不含於索取教材資料或指導費用內。 |
|
拾、結論與建議： 本站所有報導資料，歡迎網友加入鏈結或轉載內容，惟請保留文章完整，並註明此 引用來源 ，謝謝您的支持與配合。 本報每篇報導都花上 8 小時以上搜集、整理及撰稿，絕對值得初學者或想徹底學會 HTML 語法網友永久保存。 強烈建議您 學會 HTML 語法 ，她真的簡單易學，懂了她您就能駕馭她，讓您使用所見即所得軟體更得心應手。 本報導屬於完全免費性質， 索取教材資料 屬個人自由意願，而回饋給您的光碟片，則是我們的誠意而已。 一篇保證前所未見的 HTML 教學課程，絕對是您學習 HTML 的好教材，強烈建議您進入實際體驗一下。 本電子報報導資料，未來將繼續每隔 30 日發表一次，以嘉惠更多想學會 HTML 網友，歡迎 繼續訂閱 。 本報導內容或資料，因限人力、時間，非教學會員，不接受任何疑惑解答，敬請見諒。 |