Blog 技巧, 如何把google picasa相册搬回家
2008-04-22 01:26
323 查看
Blog 技巧, 如何把google picasa相册搬回家
实际上google picasa已经提供了嵌入到相册的代码,你可以尝试一下.但是效果并不好.
项目名称: JavaScript interface to PicasaWeb Albums
URL: http://sourceforge.net/projects/pwa/
我们需要下载这个javascript脚本,然后拷贝到一个可以访问到的地方.从目前的下载量来看,目前知道这个脚本的人其实并不多,全世界也就1000人左右.
相关URL: http://www.huddletogether.com/projects/lightbox/
其中需要涉及到修改JavaScript interface to PicasaWeb Albums的代码,期待有达人有时间能完成,我忙过了这段时间再来完善吧.
前言
也许这是我写的几个blog技巧中最简单而又实用的技巧了, 相信这里的每个读者都有一个gmail帐号,那么也一般有对应的google picasa相册.大家都知道google picasa比较cool, 存储空间也比较大.也许你已经有想法把她嵌入到你的个人的blog或者个人的网站里面,而这篇文章将告诉你怎么做.实际上google picasa已经提供了嵌入到相册的代码,你可以尝试一下.但是效果并不好.
原理
实际上原理很简单,只需要利用一段现成的javascript代码就可以实现. 由于平时经常到sourceforge上面去晃悠,所以总是能够发现不少新的东西,而这个javascript就是其中的收获之一.项目名称: JavaScript interface to PicasaWeb Albums
URL: http://sourceforge.net/projects/pwa/
我们需要下载这个javascript脚本,然后拷贝到一个可以访问到的地方.从目前的下载量来看,目前知道这个脚本的人其实并不多,全世界也就1000人左右.
怎么做
首先是下载脚本,前面已经提到,为了简化,我已经把脚本下载到我的个人网站了,大家自己拷贝以下代码,然后把用户名称改成自己的google用户名就可以,最后再把这段代码拷贝到自己的某篇文章就可以了.<script type="text/javascript"> username='shaohui.zheng'; //改成你的google用户名 photosize='800'; columns='3'; </script> <script type="text/javascript" src="http://shaohui.org/js/pwa-no-picasa-links.js"> </script>
实际效果预览
改进方案
实际上可以比这个做得更好,完全可以做得更cool, 各位可以考虑修改一下CSS, 另外把lightbox的特效加进来.相关URL: http://www.huddletogether.com/projects/lightbox/
其中需要涉及到修改JavaScript interface to PicasaWeb Albums的代码,期待有达人有时间能完成,我忙过了这段时间再来完善吧.
相关文章推荐
- Blog 技巧之一:给自己的BLOG来点音乐如何?
- 博客技巧----如何查看BLOG网站的CSS代码
- Blog 技巧之一:给自己的BLOG来点音乐如何?
- AJAX使用技巧:如何处理书签和翻页按扭
- 使用技巧:JSP中如何发送一个动态图像 验证码等
- 编程技巧:C#中的Cast By Example(如何将弱类型的匿名类型参数转换为强类型)
- Android技巧: 如何读取 apk 中的 Video
- MSHFlexGrid1使用技巧(一)[如何让MSHFlexGrid只能被选中一行]
- [技巧]如何防止Linux命令行下MySQL登录密码泄露?
- HTML5页面如何在手机端浏览器调用相机、相册功能
- 四项技巧教你如何推销SOA
- Win8技巧:普通文件如何存放在开始菜单
- DBA技巧:如何编写可重用的MySQL查询
- ubuntu操作技巧——如何下载安装搜狗输入法
- office技巧-1 : 如何在excel中将不连续的空格替换成相同的值
- JavaScript如何调试有哪些建议和技巧附五款有用的调试工具
- 如何与陌生人交谈的技巧
- 如何制作以旋转菜单为操作形式的相册?
- 我的blog如何定位?
- Photoshop技巧:[2]如何抠头发?