[密技]利用相簿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" rel="nofollow" >roytanck.com</a></span>

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

Picasaweb也可以使用

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

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

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

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