anyway，ericsk的文章在此：jq4r - jQuery helpers for Rails

他另外開了一個blog及google code project專門來放jq4r：

• jq4r project: http://jq4r.googlecode.com/
• jq4r blog: http://jq4r.blogspot.com/

官方首頁網址：http://smoothgallery.jondesign.net/

SmoothGallery

SmoothGalley的前身是SmoothSlideshow，光看名字來判斷的話，最大的差異應該就是在功能的多寡吧？！由於SmoothSlideshow的網頁上面也載明了「SmoothSlideshow became Smooth Gallery」，因此SmoothSlideshow應該是不會繼續維護了。

SmoothGallery是使用mootools v1.0這個號稱「a super lightweight web2.0 javascript framework」（超輕量級的web2.0 javascript框架）所建構的一個相簿及投影片放映系統，透過SmoothGallery，網頁設計師可以輕鬆地在網頁上展示各種效果。其實這也是目前網路上許多Ajax Framework在做的事情，SmoothGallery有何特別之處呢？

根據官方首頁所列的一些資訊，我稍微整理一下：

• SmoothGallery是個輕量級的解決方案：javascript檔僅僅16kb
• 使用SmoothGallery讓你可以不必用Flash便可達到Flash的效果，首頁上列了下列幾點：
  • 用JavaScript你不必擔心訪客沒有安裝Flash Player而看不到你的產品
  • 用JavaScript你不必擔心搜尋引擎看不到你網頁的內容
  • 最後，你真的想在自己的網站上使用大公司所提供的軟體嗎？（翻得真爛，原文是do you really want to rely on a big company's proprietary licensed app for your website ?）
• 作者經過完整的測試，目前支援Firefox, Opera, IE6, IE7, Safari

Reference

• Adobe Labs - Spry framework for Ajax：http://labs.adobe.com/technologies/spry/

其實Adobe推出的Spry Ajax Framework也支援類似的網頁秀圖效果，不過剛剛稍微看了一下SmoothGallery的使用方式，最大的差異在於Spry主要使用XML來存放檔案（標準的Ajax玩法），而SmoothGallery似乎是直接將圖片統統放在單一網頁上，透過JavaScript去控制不同圖層的展現以及換圖時的效果。

換句話說，如果你的需求只是單純要放圖，而且沒有要動態存取資料，SmoothGallery會是個好選擇；如果網頁上有許多動態的資料、圖片要存取，那還是使用Ajax Framework吧！（Adobe Spry會是個好選擇。）

Prototype Window Class：http://prototype-window.xilinus.com/

昨天亂逛到的一個AJAX Framework，主要訴求是希望讓Web開發者透過Prototype Window Class便可以輕鬆地在網頁上產生各式各樣的視窗（Window or Windows）。

比較吸引我的是Prototype Window Class的文件很完整，使用起來應該不會有太大困難，再加上Sample網頁有幾個範例很吸引我，像是登入視窗的特效，很簡單就可以做出類似HEMiDEMi或是Netvibes的登入效果，對我這種懶人而言，不需要多研究什麼東西就可以完成一件事情是多麼美好的事情！
（稍微翻譯一下它的首頁好了orz，沒什麼技術能力可以充實內容，只好靠英文字典了XD）

Overview

根據Prototype Window Class首頁的說法，它是以Prototype為基礎開發出來的，同時是「inspired by the powerful script.aclou.us」（這個說法很酷，之前有聽到script.aclou.us是Driven and Inspired by Ruby on Rails，這麼推演的話，RoR真的是非常偉大！），目前已經在Safari, Camino, Firefox以及IE6等瀏覽器上測試過。

Features特色

• Prototype Window Class所產生的code都是 Valid HTML/XHTML
• 可調整大小的視窗
• 支援最大化、最小化視窗（Maximize/Minimize）
• Modal dialogs（看不懂，大概就是可以產生「確認、取消」之類的對話視窗）
• 各種視覺效果
• 可更換Skin

How to Use使用方式

首先在網頁上插入以下程式碼，最後一行是Themes的設定，要更換視窗風格只要修改此行即可：

[js]




[/js] 

接下來是進行宣告視窗的動作：

[js]
win = new Window('window_id', {className: "mac_os_x", title: "Sample", width:200, height:150});
win.getContent().innerHTML = "
Hello world !!

";
win.setDestroyOnClose();
win.showCenter(); [/js]

如果在官網上，程式碼下面就有Test it可以馬上看到效果，在此放張截圖：