又一超好用的 image gallery，忍不住要教！

超適合新聞報導用的 Image Gallery！ 驚奇！
有大圖、小圖、圖說，可以完整的用Galley來說上故事。
快速。好用。支援中文。幾個步驟，簡單語法，馬上嵌入網頁。

實例展演

秋高氣爽，最適合上陽明山。那是我愛得不得了的山。光是看著陽光灑上樹葉上的綠，心中的莫名就愉快了起來。這種時節，去文化大學上課是很棒的。乾爽的空氣會導引著你>>

Free! 我超愛

Juicebox

執行步驟：

1. 到 Juicebox 官方網站下載免費的 Juicebox-Lite。檔案為Zip壓縮檔。
2. 解壓縮。執行 JuiceoxBuilder-Lite.air。xx.air檔，表示你要下載Adobe AIR，安裝，才能執行Juicebox。一般而言，如果你有安裝Adobe CS，就會有安裝Adobe AIR。
3. 執行後，跟著４個步驟做，很快就完成了。我的教學影音很詳細>>。
4. 把完成作品的「資料夾」，放到網路空間或新聞系的FTP。
5. 再簡簡單單的下<iframe>語法，就可以嵌到網頁的Html中了。

用<iframe>嵌入網頁語法：

<iframe frameborder="0" height="600" scrolling="no" src="http://newsweek.shu.edu.tw:8080/lmcsilver20121007/gallery1026/juicebox1026/index.html" width="580"></iframe>

語法說明：

• 紅色部分為做好的資料夾中 index.html 檔案的網址位置。此例放在新聞系FTP。
• <iframe>xxx</iframe>中的寬度 widht="xxx" 和高度 height="xxx"要特別留意一下。<iframe>的寬度要比「大相片」的寬度為寬才行，依我的經驗我會依相片的寬度再多加上40~60px。如依此例，相片是540px，我再加上40px，所以是width="580"。高度也一樣，最好是依相片的高度，再加上照片的三分之二的數值。依此例，高度是360，360的三分之二是240，所以是height="600"。

Q&A： 要改變圖片的大小，如何找出正確的長、寬數字？很簡單，影片>>

影音教學實作作品： 在城市與公園的界線中間>>

往外一跨，即是另一世界。
綠與藍的寂靜，一時間就無蹤無影。
城市的樂趣，就在此，一步間，
站在界線的中間，
我想，
張開雙臂擁抱。