[密技]利用相簿RSS做出3D立體照片秀！

越來越多人喜歡拍照片，並將照片放到網路上分，而分享方式有很多種，有些人會傳到Flickr社群網站分享，有些人會傳到自己的部落格相簿分享，另外有些人會利用網路工具將照片變的超炫進行分享。不過當你把照片傳到網路相簿時，不知是否有注意到相簿的RSS訂閱功能嗎？你可以透過RSS來建立超炫的3D立體照片秀喔！

如果你有看過WordPress神奇的3D立體標籤雲，那你應該就非常了解我接下來要講什麼了。如果不知道沒關係，你可以先繼續看下去。剛剛提到的3D立體標籤雲是一個使用於WordPress的標籤雲外掛，此外掛名稱叫做「WP-Cumulus」，而開發這個外掛的作者其實又開發了3D立體照片秀，而他所開發的照片秀這玩意使用上比標籤雲更簡單，因為只要透過相簿的RSS連結就可以輕鬆達成。

目前蠻多相簿網站均有支援RSS的功能，所以只要你的相簿網站可以支援RSS2.0，基本上就可以製作3D立體照片秀喔！製作的方法非常簡單，完全不需要任何技術，只要你找到相簿的RSS連結，然後透過線上製作工具，設定一下最後輕輕點一下就可以完成3D立體照片秀。

Flickr_Widget
網站名稱：Get my Flickr Widget!
網站網址：http://www.roytanck.com/get-my-flickr-widget/

文章目錄
  1. 取得相簿RSS連結
  2. 製作3D立體照片秀
  3. 取得外掛程式碼
  4. 張貼外掛語法
  5. 3D立體效果展示像片
  6. 去除官方連結
  7. Picasaweb也可以使用
  8. Picasaweb相簿照片3D立體效果秀

取得相簿RSS連結

首先來你的相簿網站，在此以Flickr為範例，來到你的個人頁面，找到網頁下方的RSS圖片，點擊右鍵複製RSS連結。

flickr的rss連結可能是這樣子：

http://api.flickr.com/services/feeds/photos_public.gne?id=8864774@N07&lang=zh-hk&format=rss_200

利用相簿RSS做出3D立體照片秀

製作3D立體照片秀

接著來到線上工具網站輸入您的RSS連結，然後進行展示大小、背景顏色設定，最後點擊﹝Generate code snipped﹞。

  • Feed URL：相簿RSS連結
  • Widget width：物件寬度(單位:像素)
  • Widget height：物件高度(單位:像素)
  • Widget background color：物件背景色
  • Use background transparency：透明背景

利用相簿RSS做出3D立體照片秀

取得外掛程式碼

畫面上方會有預覽樣式，如果覺得不是你想要的，可以重新設定再產生一次語法，若覺得可以，請將原始碼貼到你想要顯示的地方。

利用相簿RSS做出3D立體照片秀

張貼外掛語法

將產生的語法加到你想要加入的地方，以WordPress來說，你可以到後台點擊【外觀】→【模組】→新增文字模組，然後將語法加入，最後點擊﹝儲存﹞。

利用相簿RSS做出3D立體照片秀

3D立體效果展示像片

最後回到網站看看，是不是效果就出現了呢？你可以動動滑鼠去滑動看看效果吧！

利用相簿RSS做出3D立體照片秀

去除官方連結

該效果產生後，你應該會看見一串文字「Get this widget at roytanck.com」，如果你不喜歡這串字，你可以將程式碼中以下語法刪除，就可以解決囉！

<span style="font-size:9px;">Get this widget at <a href="http://www.roytanck.com">roytanck.com</a></span>

利用相簿RSS做出3D立體照片秀

Picasaweb也可以使用

沒錯！除了Flickr之外，任何支援RSS2.0的相簿網站應該都可以使用，我們稍微測試了一下Google大神的Picasaweb後，發現真的也可以使用此玩意。不過你知道要怎找到RSS嗎？點進相簿找到右手邊的資訊區，有個RSS字樣就是啦！

利用相簿RSS做出3D立體照片秀

Picasaweb相簿照片3D立體效果秀

最後我們就來個實際測試，讓大家看看到底是不是可以秀出來呢？

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

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

文章: 1781

相關文章

18 則留言

  3. 打擾了
    請問有HTML版的嗎？
    我那裡不支持js ，添加了後，Firefox瀏覽器都沒顯示，只有chrome、opera可以。

    香腸回應：
    特效網頁都是要跑JS或是flash，否則就是靜態網頁…圖片一張張擺在那邊而已喔

  7. 我也試著放在我的內文~~好酷喔~~
    分享給大家看看 :)
    http://www.4x6gallery.com/feel-happy/

    其實我個人對於Picasa的介面比較友善,也比較好操作與瀏覽~很適合放生活的相簿
    但是如果使用Flickr的話,介面稍微比較難用,但是如果你是玩攝影,想公開與網友討論您的作品~~還是用Flickr比較好~~因為Flickr有廣大個群組討論群組

    香腸回應：
    對阿~ 個有利弊

  8. 我現在的3D照片秀是Picasa訂閱整個相簿的RSS~不是單本的~這樣可以點選到不同的相簿（變相的內嵌相簿），非常方便!

    另外跟香腸大與大家分享一下昨天找到的相關外掛，可以將Picasa的網路相簿內嵌到部落格的分頁中，因為中文的教學文很少，所以就順手整理一篇文章，有需要的可以拿去參考：）

    altPWA – 將1G容量的Picasa網路相簿放進Blog
    http://channyhouse.twbbs.org/2009/08/02/ishare-picasa-altpwa/

    香腸回應：
    OKOK~感謝你~

  10. 太棒了!! 有支援 Picasa
    說實在的 比起 Flickr 我比較喜歡PICASA
    或許有之前 PS 圖片被砍的經驗吧!!
    雖然它只有1G 但說實在的 圖片縮成 640*480
    可以存很多張圖片的 ^^ 這3D立體照片秀
    蠻適合在非個人網站的部落格出現

    文章打一半
    按換行 Ctrl+ ENTER 文章就送出 XD
    上一篇幫我砍掉吧 THX

    香腸回應：
    趕快把佈景上架吧~ 順便安裝XD
    我已經幫你砍了留言了~

  16. 諾又反向找到你連過來的連結了。XD
    我記得你有寫過更新IE6的文章，但怎麼找就是找不到，串文想加進去說。ˊˋ

    香腸回應：
    那個是GShineV1.0那篇~

發佈留言

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

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