成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

巧用Picasa Web API將相冊嵌入網站

開發 前端
本文見介紹如何在WordPress網站,用Picasa Web API將相冊嵌入網站。這里面對于WEB API的應用,希望對大家有所幫助。

  架設WordPress的使用者最感到麻煩的應該是相簿功能,因為一般BSP部落格都有提供蠻方便的相簿,但只要跳巢到WordPress的使用者對于相簿這部分似乎都很頭大,有時候想要整合的跟網站一模一樣,想說裝個外掛來讓網站有相簿功能,但往往使用體驗卻不是太好,那你是否曾經想過用外部服務,把相簿嵌入接嵌入到WordPress中呢?比方說用Picasa。

  如果你問香腸WordPress怎么擁有相簿功能?通常我的回答是:使用外部服務嵌入,例如使用Picasa或是flickr,或者是安裝NextGEN Gallery相簿外掛,這外掛應該是使用大家公認功能算很棒,有中文接口的相簿外掛,但這種外掛缺點就是會讓網站資源吃重。因此通常我會再推薦KPicasa或是altPWA。

  雖然KPicasa或是altPWA這兩套是可以幫你把Picasa相簿掛到WordPress,使用上非常的簡單,但事實上因為若使用過的話,會發現網站裝了這外掛似乎變慢了?因為他的JS加載的關系,造成每一頁都會加載相簿外掛的JS,若單單只是要相簿那頁可以抓到Picasa相簿的話,何必全站都載入該JS呢?或許是外掛為了更彈性可以在全站使用,因此才這樣寫,不過并非每一位使用者都需要。

  因此,若只是個人網站,單純只有一個分頁要做成相簿功能的話,再加上你會小修改CSS的話,那我會建議你使用PWA(Picasa Web API)這個來達成效果。別看到API這關鍵詞就告訴你要看一堆原文使用說明,別擔心!你只要把JS下載后上傳到你網站,然后再用一句語法就可以把相簿功能掛到你網站了,基本上很簡單的,而且也很省網站資源。

程序名稱:JavaScript interface to PicasaWeb Albums官方網站:http://sourceforge.net/projects/pwa/程序下載:按這里

  第1步 先到SF網站上下載要使用的JS,請下載「pwa.js」,當然你想嘗試另一個也可以。

直接用Picasa Web API 把Picasa相簿嵌入網站

  第2步 下載后請上傳到網站根目錄,若是WordPress,請開啟后臺新增一個名為相簿的分頁,并切換到「HTML」模式,將以下語法貼上去并點擊﹝發表﹞。

直接用Picasa Web API 把Picasa相簿嵌入網站

username:Picsaa賬號名稱photosize:單張時的圖片尺寸(依照你網站內文寬度)src:輸入你剛上傳的JS位置(絕對路徑

  1. <script

     type='text/javascript'> username = 'Picasa賬號名稱'photosize='800';script> 
  2. <script type='text/javascript' src='http://images.51cto.com/files/uploadimg/20110923/1056490.png"
  3.  type="#_x0000_t75" o:spid="_x0000_i1027"> 

第3步很快的,你就會看到相簿成功啰!

直接用Picasa Web API 把Picasa相簿嵌入網站

  第4步 因為香腸設定600,所以圖片剛剛好在內文區內。另外你在瀏覽單張圖片時會發現上方怎么破圖了?這時可準備三張圖片,放到跟剛剛的JS同一目錄,這三張圖名稱與用途分別是「上一張(back.jpg)」、「相簿目錄(home.jpg)」、「下一張(next.jpg)」。

直接用Picasa Web API 把Picasa相簿嵌入網站

  或許大家覺得透過PWA做出的Picasa相簿版面有點丑,你可以修改pwa.js或是透過CSS修正,讓版面更完善,這部分就是考驗大家的CSS了。這樣的做法主要是透過Javascript(JSON API)來達成效果的,只要跑一只JS,就可以輕松把Picasa相簿搬到網站上。

  如果你還在想哪flickr呢?目前香腸是沒有看到有比較好的flickr外掛或API,以前香腸很愛用flickr,但現在圖片就丟圖床了,對于flickr的需求降低。雖說有方法可破除200張限制,但說真的實際用上頗麻煩。至于Picasa,現在只要你的Google賬號有開通Google Plus,那么你的Picasa相簿中,2048×2048以下的照片不列入1GB的計算,使用上很方便!

原文鏈接:http://sofree.cc/pwa/

【編輯推薦】

  1. 淺析.NET中的Server push技術
  2. .NET動靜結合編程 接口和委托的約束強度
  3. 使用.NET Array類的Sort方法分類數值
  4. WCF特點具體優勢總結
  5. WCF事件通知具體實現方法詳解
責任編輯:彭凡 來源: sofree.cc
相關推薦

2010-06-09 14:47:24

MySQL加密函數

2011-01-13 14:38:00

JavascriptCSSWeb

2009-12-31 14:48:28

Silverlight

2021-02-14 20:41:56

API日志web

2009-02-10 15:46:34

2009-08-04 09:32:27

部署Silverlig

2009-01-18 09:14:00

內網IPNAT

2009-06-25 14:32:36

2015-12-15 10:24:33

facebooksdk開發

2013-07-01 11:04:11

Web網站Web網站通知通知系統設計

2023-07-04 07:31:12

JavaScriptWeb

2023-02-20 15:04:24

開發API工具

2023-02-21 15:25:33

開發工具API

2010-12-28 10:44:00

2013-06-09 13:41:52

2017-10-11 17:25:03

webwebbenchlnmp

2010-09-06 13:36:45

CSS樣式表CSS

2009-12-28 13:57:49

寬帶接入網

2020-11-04 13:18:34

WebAPIWeb Share A

2011-09-16 14:21:47

Web API
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 国产视频福利一区 | 日韩高清国产一区在线 | 亚洲视频一区二区三区 | 国产精品一区二区免费看 | 精品中文视频 | 国产黄色在线观看 | 国产精品久久av | a级在线免费观看 | 成人午夜在线 | 天堂在线一区 | av免费网址| 一级在线观看 | 久热精品在线播放 | 亚洲视频一区二区三区 | 精品日韩一区 | 成人黄色三级毛片 | 日韩中文字幕一区二区 | 久久av综合 | 国外成人在线视频网站 | 视频一区在线 | 桃花av在线 | 天天拍天天草 | 欧美高清性xxxxhdvideosex | 日日夜夜精品 | 日韩有码一区 | 国产精品久久久久久久久久不蜜臀 | 亚洲国产精品久久久久婷婷老年 | 免费看爱爱视频 | 北条麻妃国产九九九精品小说 | 成人免费观看视频 | 中文字幕人成乱码在线观看 | 国产一区二区三区视频在线观看 | 亚洲网在线| 国产在线高清 | 日韩靠逼 | 女生羞羞网站 | 一级视频黄色 | 国产成人精品一区二区三区在线 | 国产aa | 亚洲精品乱码久久久久久黑人 | 中文字幕第十五页 |