[密技]利用相簿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/

取得相簿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 則留言

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

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

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

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

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

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

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

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

    香腸回應:
    OKOK~感謝你~

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

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

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

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

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

發佈留言

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

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