图片预加载效果的实现

使用picasa的时候,注意到它首先是显示模糊的图片,然后图片突然变得清晰,这样做有一定的好处——picasa的图片翻页是用javascript实现的,如果直接载入大图,中间势必会有个空档,用户在这中间会感觉很空虚~~

于是我花了点时间,打探它的实现方式,发觉很简单,不是用的lowsrc之类的标记,而是简单的js。

代码示例



var img = new Image();
img.src = "http://imghost/big_640_480.jpg";
img.onload = function() {
  document.getElementById('myImage').src = this.src;
}

如此这般,待大图载入完成之后,利用js替换原小图的src,就完成了图片预加载效果。关键点是图片的onload事件利用。

google相册的功能更新

这天又打开了picasa看看图片,做下小处理什么的,突然被提示有新版本的picasa可更新.对于一个追新族来说,有什么理由让他不选择更新呢?半晌,更新完毕.照例在各个菜单里点点看看,似乎跟上次看过没太大区别.转头又去看看现在正在用的web版的google相册,折腾了一阵,还真看出了一些不同,见下图:

picasa google 相册

Embed in Blog/MySpace

这个功能上次就见过,可以复制一小段html代码,将相册在自己的主页上显示,但是功能上实在有点乏善可陈,不再细说.

Download Album

这个下载功能是个小小的亮点,注意后面紧跟的图标picasa icon.

点击这个链接,就会召唤客户端的picasa,紧接着可以选择批量下载操作,下载后的图片,都在图片收藏目录C:\Documents and Settings\Myname\My Documents\My Pictures\Downloaded Albums,比较便捷.似乎多数相册没敢提供这功能,这对服务器的带宽来说,是个不小的压力.

试用picasa 2

我们知道,google相册picasaweb有一个支持照片上传的picasa,这个东东的下载在picasa的主页却找不到,它的下载地址被放置在picasaweb网页的最下方:Download Picasa.

这个版本目前还是beta版,还没有中文版,除了多了个上传功能以外,好像没有太大的差别了,没google相册的话可以不考虑。

试用下来,有些失望。

  • 首先是界面上的文字始终有些模糊,很像以前我们看flash里面的文字效果。
  • 其次使用习惯上,和我们之前使用的acdsee或windows看图工具有些差异,某些效果虽然很炫,但是作为看图工具来说可能不是最好的选择,picasa的定位应该是照片管理软件更合适一些。

下面是我用它的Picture Collage功能做的一个小效果,很容易使用(Create菜单下):

    picasa picture collage效果

右键点击照片,能看到upload to webalbum,跟google相册整合的很好,很轻松就完成了照片的处理上传。

update

  • version 2.5新增按颜色搜索,可以输入类似color:red字符查询,向google网页搜索靠近
  • publish via ftp… 通过ftp发布
  • show duplicate file … 显示相同的文件
  • upload to google video 上传到google video

试用google相册 — picasa webalbum

老早就申请到google相册的帐号,一直没什么时间试试。花了些时间探索了一把,发现picasaweb平凡的外观下,还是有些亮点的。

  • 可通过picasa桌面工具直接上传多张图片,快且爽
  • 图片rss输出流
  • ajax应用处处可见,比如Rearrange Album(整理照片)
  • 客户端与web结合紧密,可直接客户端创建相册
  • 幻灯模式虽然朴素,却有acdsee幻灯的味道
  • 当时许多人认为相册的url http://picasaweb.google.com/yourname这种url形式会暴露个人的google帐户名,其实不然,可以在Setting中修改输出的相册名

其它的诸如250m限制之类的,跟其它超大相册flickr比起来,就不值一提了.

update

  • 060822 – 新增Email Digest
  • What is an Email Digest?
    When people you have marked as favorites create new albums, upload more photos, or comment on your photos, we send you a summary of these activities to your email address at the interval you specify.

    If you do not want us to notify you via email, select “Never send a digest” to the left.

  • 0608 – 新增功能Embed in Blog/MySpace,这样就可以在自己的博客里面引用相册了
  • Copy nd paste the HTML below to post this album on your blog or MySpace pae.

相关链接:试用picasa 2