巧用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加密函数

2021-02-14 20:41:56

API日志web

2009-12-31 14:48:28

Silverlight

2011-01-13 14:38:00

JavascriptCSSWeb

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

2023-07-04 07:31:12

JavaScriptWeb

2015-12-15 10:24:33

facebooksdk开发

2023-02-20 15:04:24

开发API工具

2023-02-21 15:25:33

开发工具API

2013-07-01 11:04:11

Web网站Web网站通知通知系统设计

2010-09-06 13:36:45

CSS样式表CSS

2009-12-28 13:57:49

宽带接入网

2013-06-09 13:41:52

2017-10-11 17:25:03

webwebbenchlnmp

2011-10-27 16:24:48

API

2020-11-04 13:18:34

WebAPIWeb Share A

2011-09-16 14:21:47

Web API
点赞
收藏

51CTO技术栈公众号