14 12
发新话题
打印

[建议] 能不能在z-blog中加入google picasa网络相册

能不能在z-blog中加入google picasa网络相册

以下是我的 google 相册截图
能不能把它 嵌入我们的z-blog中。

以下内容是转载参考内容:
用Web Picasa API搭建站内相册
地址http://zhiqiang.org/blog/posts/l ... aweb-using-api.html
在flickr时代,为了专门把站内嵌入相册,还专门写了一篇文章把Flickr相册搬回家。flickr被墙之后,我就把个人相册转到了Web Picasa上。用Picasa Web就简单多了,官方提供了Slideshow Flash,而且形式也比较漂亮,阅微堂之前也是用这样的方式,不过这种方法麻烦的一点是在Picasa上添加相册,就要手动到blog这边更新一次。这两天看到了 Web Picasa API,感觉这玩意儿的功能太强了,完全可以做一个Picasa的站内镜像版。

最后的效果见阅微堂相册。

更令人惊讶的是,这种效果完全是javascript(JSON API)实现的(虽然我觉得如果在后台用php实现效果会更好)。主要用的是JavaScript interface to PicasaWeb Albums,一个开源项目,其实就一个单js文件。使用也非常简单,就下面几行代码:

<script type='text/javascript'>
        username = 'your.username'; photosize='800';
</script>

<script type='text/javascript' src='http://yourpath/pwa.js'>
</script>不过我改了很多地方,除了界面UI上的改变外,主要是改进页面加载速度。有兴趣的可以参考一下我的代码。………………


我昨天晚上参考其说明,折腾了大半天都不行。

这里还有个他开发的插件,http://zhiqiang.org/blog/plugin/picasa
可是我们z-blog不支持呀,不知道这里的z-blog fans能否帮忙搞个google相册的插件出来啊?

WordPress站内显示PicasaWeb相册的插件
首先看效果阅微堂相册。

最近更新:2008年1月30日更新到1.31。下载
注意:此插件需要PHP5.2.0以上版本以及WordPress开启Permalinks(友好链接)选项!
功能
站内显示picasa web上的相册
友好URL .
方便的浏览方式 .
站内缓存和页面图片预载入。
实现原理
使用Google Picasa API下载并且随时更新picasaweb的相册数据。
缓存到WordPress本地目录(图片本身并没有缓存,显示时直接引用picasaweb上的图片)。
读取缓存数据并显示出来。
安装
从上面的地址下载安装包。
解压后得到一个picasaweb的文件夹。
将文件夹放入WordPress的插件目录下。
后台激活picasaweb插件。
到后台options-picasaweb选项卡下配置参数,主要需要设定picasaweb用户名以及照片显示高度(调整以适应模板)。
到http://yourblog/photo.html查看效果,这个地址是这个意思:比如我的blog地址是http://zhiqiang.org/blog,那么相册地址就是http://zhiqiang.org/blog/photo.html
FAQ
Q:我一点都不懂PHP和HTML怎么办?
A:安装激活插件后,除了填写用户名之外,别的选项都不要乱填,事实证明这往往成为错误的来源。不过,要想让此插件与你的模板完美的结合起来,必须懂一点基本的HTML。具体见高级用户配置部分。
  
Q:出现一长串"failed to open stream"的错误。
A:注意保存你的缓存目录可写,默认缓存目录位于/wp-content/cache/。修改方法在这(糟糕的中文翻译版)。
  
Q:出现“Fatal error: Call to undefined function: json_decode()”错误
A:你的PHP版本太低,目前没有解决办法。你联系主机服务商要求升级吧。
  
Q:出现404错误
A:此插件需要你开启友好链接。具体表现是你的blog的url不能是 http://yourblog/?p=5的形式。
Q:浏览相册时页面错乱
A:一个直接(但不一定有效)的解决办法是在后台把图片高度设得小一点。根本的办法是修改相册模板文件picasaweb/picasa.module.php。



高级用户配置:
picasaweb/picasa.module.php: 显示相册的模板文件,这个需要用户修改以适应各自的模板,CSS代码亦在此文件内。默认的代码适用于WordPress的classical模板。
picasaweb/picasa.inc.php: 插件的数据和显示处理文件。
bug和建议请留言或者发信给 mathzqy at gmail dot com.
附件: 您所在的用户组无法下载或查看附件

TOP

不错啊 期待我们的插件强人来实现
ZIPPO广州实体店-全场4折起,售后7天包退换。
支持Z-blog,谴责篡改&去除版权标记的可耻行为
------------------------------------------------------------------------------------------
新手请多看应用教程区Z-wiki,或站内搜索寻找答案
1、Z-blog主题修改助手   2、默认模板右侧栏目代码注释       3、默认CSS样式的注释     
4、Z-BLOG使用小贴士收集         5、Z-Blog模板标签库及相关说明   6、加广告请搜索gg/google/广告

TOP

我就是用他的方法搞的!
http://www.flymoonblog.cn/blog/pictures.asp
不过!效果有待完善,最近想把相册评论功能就显示出来!
如果有人想研究的话可以联系我!

[ 本帖最后由 飞月博客 于 2008-3-1 01:03 编辑 ]
推荐博客:飞月博客

TOP

回复 3# 的帖子

看来 你的相册了  很诱人 的说。能不能分享一下
就加以个你这样的相册的具体方法?

TOP

呵呵 我看到这个以后也搞了个,因为我现在没有在博客里添加相册的计划,只是为了学习一下。很简单的几步搞定了,利用了Pages插件来完成的。大家有兴趣可以去看看!

点击进入我的相册:http://blog.kcoffee.net/cc/photo/default.html

因为利用JS和pages插件,不需要改动zblog的源码和另外在写插件,所以很环保、很绿色、很方便!!

[ 本帖最后由 haohanhai 于 2008-3-4 17:14 编辑 ]
附件: 您所在的用户组无法下载或查看附件

TOP

我也想要这个
知否—我想找个人和我一起幻想……

Z-DBS演示站点:点击进入

Zblogger用户QQ交流群:45392342(已满)
Zblogger用户QQ交流群:25018716(已满)

TOP

最好写个插件
ZIPPO广州实体店-全场4折起,售后7天包退换。
支持Z-blog,谴责篡改&去除版权标记的可耻行为
------------------------------------------------------------------------------------------
新手请多看应用教程区Z-wiki,或站内搜索寻找答案
1、Z-blog主题修改助手   2、默认模板右侧栏目代码注释       3、默认CSS样式的注释     
4、Z-BLOG使用小贴士收集         5、Z-Blog模板标签库及相关说明   6、加广告请搜索gg/google/广告

TOP

我的方法很不成熟!等成熟了再告诉大家~
推荐博客:飞月博客

TOP

引用:
原帖由 飞月博客 于 2008-3-1 01:02 发表
我就是用他的方法搞的!
http://www.flymoonblog.cn/blog/pictures.asp
不过!效果有待完善,最近想把相册评论功能就显示出来!
如果有人想研究的话可以联系我!
你不是只是加了个IFRAME吗?
<iframe classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' src='http://picasaweb.google.com/altbatle' name='guest' height='3000' width='775' scrolling='no' marginheight='0'  frameborder='0'>IE</iframe>

TOP

兔子来做成z-blog的插件吧
ZIPPO广州实体店-全场4折起,售后7天包退换。
支持Z-blog,谴责篡改&去除版权标记的可耻行为
------------------------------------------------------------------------------------------
新手请多看应用教程区Z-wiki,或站内搜索寻找答案
1、Z-blog主题修改助手   2、默认模板右侧栏目代码注释       3、默认CSS样式的注释     
4、Z-BLOG使用小贴士收集         5、Z-Blog模板标签库及相关说明   6、加广告请搜索gg/google/广告

TOP

做成插件好了
风落阁--我的博客
叶落阁--我偶像的博客

注意:不要乱叫哥,叫了你会吃亏的 -  -
论坛短信已关闭,你PM我我也看不到。

1.桔子主题修改导航帖   2.Z-blog教程整理   3.新手指南   4.恢复你的索引重建   5.解决无法上传ZTI、ZPI

TOP

回复 9# 的帖子

这是我后来改了的~~你速度有些慢了~~~原来不是这样的~~我主要是想把评论也搞出来~~哈哈~~让高手见笑了~~
推荐博客:飞月博客

TOP

 14 12
发新话题