图片预加载效果的实现

使用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相册,折腾了一阵,还真看出了一些不同,见下图: Embed in Blog/MySpace 这个功能上次就见过,可以复制一小段html代码,将相册在自己的主页上显示,但是功能上实在有点乏善可陈,不再细说. Download Album 这个下载功能是个小小的亮点,注意后面紧跟的图标. 点击这个链接,就会召唤客户端的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菜单下): 右键点击照片,能看到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. […]