Zoom.it 不一樣的照片展示體驗,可以自由放大縮小!

一篇滿滿的網誌文章中,加些圖片來點綴有畫龍點睛之妙,不過圖片一定要固定大小放在網站上嗎?相信很多網站為了讓讀者有更好的圖片體驗,都會替網站加上所謂的光箱效果(Lightbox),讀者點擊圖片後會變大,以跳出的方式來展示照片。現在多出一個新選擇,你可以改用由微軟提供的「Zoom.it」來實現不一樣的效果。

Zoom.it是微軟實驗室的一項新功能,使用者可以把圖片網址丟進去,微軟這個服務未產生一串Javascript給你那張圖片,你可以把語法上至於網站上,圖片的展示效果則是在一個固定長寬比裡面,可以滑動圖片,做檢視,類似放大鏡的效果,可以檢視照片細節,也可以檢視整張照片,算是一個蠻酷炫的小功能!

還記得我們以前也有介紹過關於相片展示的相關文章嗎?之前是介紹過一個可以讓你的flickr照片以3D的方式秀在網站上,可以放置於文章或是嵌於部落格側邊欄,一個有趣的小服務。這回我們是要介紹單張圖片的展示效果,透過Zoom.it來達成,使用者無須任何技術,只要輸入圖片網址就會產生代碼可以讓你放置於網站上囉!

這項服務是由微軟提供的免費服務,任何人無須註冊皆可使用,只要你提供一張圖片網址,丟到Zoom.it,就可以產生一個網址和一串代碼,你可以把網址透過MSN分享給朋友,也可以將語法嵌於部落格秀出圖片。這個服務可以將輸入的圖片透過微軟的技術轉換成很多小張的圖片,然後再秀出來,如果你對著照片展示秀的框框右鍵檢視圖片你會發現圖片是被切割過,而且是儲存於Zoom.it的伺服器上。

第1步 來到網站上,請在下方的框框中輸入圖片網址並點擊﹝Create﹞。

Zoom.it 不一樣的照片展示體驗,可以自由放大縮小!

第2步 接著請稍等一下圖片轉換,然後上方出現圖片時就表示轉換完成,下方會有這張相片的分享網址以及可以讓大家嵌到部落格的語法,看你怎麼運用囉!

Zoom.it 不一樣的照片展示體驗,可以自由放大縮小!

第3步 以下是嵌到部落格的展示,就是這麼簡單,你可以輕鬆拖曳瀏覽!

圖片分享網址http://zoom.it/n1zOs (照片由阿貓提供)

補充一下,網站好像有提供一些API可以使用,對於網站開發者來說,這個或許是個不錯的玩意,可以整合到網站或是開發稱外掛,可以讓大家更方便的使用這項好玩又有趣的照片展示秀服務喔!

在Google News上追蹤我們最新文章
香腸
香腸

喜歡在網路上透過文字與圖片分文章教學,默默地用鍵盤烤了9年的香腸。另外還身兼阿腸接案餬口飯吃。對了,別叫我阿腸,請叫我香腸,這樣我才知道你看我部落格長大的。

文章: 1781

7 則留言

  1. 昨天就看到了,結果今天才收到信= =

    不過跟3樓的一樣

    如果能做成外掛

    那就能取代NextGEN呢

    香腸回應:
    官方有API可以用~不過可能要研究一下因為也不確定可否成功~

  2. 可以請問要怎麼把google ad左右放在一起??
    要加什麼語法嗎?
    因為我複製貼上兩次只能上下不會左右…
    thx!~

    香腸回應:
    用表格語法即可

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料