JavaScript SmoothGallery V1.0 Released

SmoothGallery是一個用JavaScript寫成的線上圖片展示程式,提供華麗的效果,讓網頁設計師可以輕鬆完成一個華麗的網頁相簿。

官方首頁網址: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推出的Spry Ajax Framework也支援類似的網頁秀圖效果,不過剛剛稍微看了一下SmoothGallery的使用方式,最大的差異在於Spry主要使用XML來存放檔案(標準的Ajax玩法),而SmoothGallery似乎是直接將圖片統統放在單一網頁上,透過JavaScript去控制不同圖層的展現以及換圖時的效果。

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

Top Thrill Dragster

世界上最高、速度最快的雲霄飛車

在Discovery看到的,世界上最高、速度最快的雲霄飛車,使用超級推進系統,出發後四秒內達到時速190公里,接著垂直上衝、旋轉後高度達到128公尺,繞過頂端之後再次加速到時速190公里、垂直下衝。

Windows Live Writer圖文剪貼測試

為了回應sinie在Windows Live Writer快速發佈你的部落格(安裝設定篇)問題,特地寫了這篇文章來做個簡單的測試。(也感謝sinie的路過)以下就來個簡單的小測試,目標是測試Windows Live Writer在圖文剪貼的時候,是否會將其他網站的字體、排版設定一起貼到Windows Live Writer的編輯畫面中而導致畫面混亂。(同時存在兩種風格或版面)

測試過程

我以今天Yahoo奇摩首頁的頭條新聞「大樂透摃龜 告別秀高潮 下期獎金飆20億」為例,原始版面如下圖所示:

接下來我選取上圖所示範圍,並複製到剪貼簿:
最後回到Windows Live Writer貼上剛才所複製的段落:(下面的文字即直接貼上後的結果)

新聞首頁 >財經 >理財就業 >中廣新聞網

Add to My Web 儲存至「分享書籤」| 傳訊給朋友| 寄給朋友| 友善列印|字級設定:小中大巨

大樂透摃龜 告別秀高潮 下期獎金飆20億

中廣新聞網 更新日期:2006/12/27 03:00

大樂透「連九摃」,十億五千萬元獎金累入下期,北富銀清倉再加碼一億五千萬,明天頭獎從十二億元起跳,這是樂透史上的最高摃龜獎金。由於明天是大樂透最後一次開獎,預估買氣將比這一期還要火熱,頭獎可望飆破二十億元,這也是北富銀「彩券告別秀」的最高潮!(張雅惠報導)

 結論

複製圖文到Windows Live Writer裡之後,圖文的呈現方式會以自己目前使用的版面為主,依我的觀察與猜測,Windows Live Writer僅貼上所有的HTML原始碼,因此所有的header(<h1>)、段落、連結都會以目前正在編輯的blog所設定的CSS版面為主,不會連對方網站都一起複製過來。(所以說連圖片都是連到該網站上所提供的圖片,而非直接複製一份到本地端來;若有需要將圖片複製一份到本地端,則需要另外在圖片上選擇複製後再到Windows Live Writer貼上。)

此外,倘若是在別的網站中複製連結,再到Windows Live Writer貼上,則會將連結的文字、網址一併貼上(URL and anchor text),例如:大樂透摃龜 頭獎上看12億

以上是個簡單的小測試,希望有點幫助。

註:圖文為Yahoo奇摩及原作所有,本文僅為測試之用,如有侵權請來信告知。