最近我好象与缩略图较上了劲,在很久以前在我的浏览器(bluebee)就开始增加了缩略图功能,那时候是查一些公开的资料做的,效果不是很好。所以也就不怎么在意。很偶然的机会,认识了一个的网友(他在微软做IE内核的),从他那里我知道了一种制作缩略图的接口,显示的效果相当漂亮,于是我开始考虑好好地把缩略图搞一搞。
最开始的时候,我就学着IE7那样,在一个窗口中显示所有页面的缩略图,这样当页面很多时可以显示那个窗口并从缩略图中选择要访问的页面,做出来当然是很漂亮了(比IE7漂亮多了)。后来研究IE8,发现IE8在标签的左边有一个小三角形的小按钮(下拉菜单),可以选择所有标签页的名称。这也是很自然的,我认为我有必要在BlueBee中也提供这功能,不过既然要做就要做得更好,于是不仅仅在增加了下拉菜单,还在下拉菜单中增加各页面的缩略图,那真叫COOL。以为这样就是缩略图的顶峰应用了。
(图一 窗口中的缩略图)
(图二 下拉菜单中的缩略图)
有一朋友(我习惯上把所有BlueBee的使用者都称为朋友)给我发了邮件(
bluebee@msn.cn
),他说现在所做的缩略图他很喜欢,他经常会打开二十到三十个页面,有时候要定位还真的很麻烦,但他建议最好在标签上也增加缩略图功能,当鼠标移到标签上时不是显示网页名称而最好显示一个缩略图,这样不用点击打开,就大概能知道那页面的内容。对于一向视朋友的建议为圣旨的我来说,我理所当然就对这建议进行一番的可行性思考,然后就动手实现了。这样,总算把缩略图发挥到极致了吧?
(图三 标签上的缩略图)
可是我还没有得意完,有朋友又说了,他在用百度或google搜索的时候,有时候他看看“相关搜索”的内容,但他又不想打开那些页面,他问我是否可以在那也做缩略图,当鼠标移到“相关搜索”的关键字上面时,弹出一个缩略图来,让他决定是否要点击进入。对呀,这也挺好玩的。无独有偶,要我还没有决定怎么做的时候,与另外一些朋友聊天的时候,竟无意间就聊到了这个问题,有朋友说他们公司以前也曾想过做这样的东西(他们称为页面预览),但后来放弃了,因为这实在太复杂了,可能需要架设一台中间服务器。真的有这么复杂吗?……昨晚下班后,我不坐车也不跑步,就慢慢地走回家,一路上都在考虑这个问题。其实并没有想象中那么复杂吧?回到家已是凌晨了,但毫无睡意,打开电脑就开始动手了,一个小时的时间,我竟实现了,于是不局限于搜索引擎了,干脆就让所在的页面都可以使用吧,呵呵……当然还有一点问题,于是做了一些优化,早上发给几个硬哥们先测试,晚上回馈说没有问题了,非常棒。于是制作成升级包……完成。
(图四 网页上的缩略图,鼠标移到红圈位置时的图片)
当鼠标移到连接或图片上面时,就会显示预览此连接的效果,让你决定是否选择真的点击,而有时候,你只是想了解一下而并不是真的要详细打开去看,这缩略图就非常有了。当然,也有你不想有要的时候,特别是在论坛上要通过点击按钮提交内容的时会有额外的请求,这是你并不想要的。此时,你可以
按着键盘上的Ctrl键再去点按钮,暂时不显示缩略图。(注:现在已改成可配置的了,详细请参看另一篇博文《
众口难调更需调》)