资讯频道 → Web前端
阅读更多

3顶
1踩

Web前端

原创新闻 Ajax-Alexa-Thumbnails：轻松获得网页快照

2008-07-30 12:17 by 正式记者 ham 评论(1) 有3897人浏览
Ajax Yahoo

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

当你看到百度或Google搜索中的快照功能，你是否曾经希望能够很轻松的得到一个网站的缩略图呢？对此，Eric Ferraiuolo在Google Code上发布了Ajax-Alexa-Thumbnails，一个基于YUI的库，实现了这项功能。

该项目包括了一个用PHP编写的服务器端组件，和一个javaScript组件。服务器端组件能够跨网请求到Amazon's Alexa网站的Thumbnail服务，而JavaScript组件则是使用Ajax请求配置服务器端组件来缓存他的返回值。

具体的使用代码如下： 

(function(){
	YAHOO.util.Event.onDOMReady(
		function(){  
			var container = YAHOO.util.Dom.get("container");
                
			YAHOO.EDF.Thumbnail.init({
				source: "alexa_service.php",
				size:   "large",
				anchor: true                
			});
			YAHOO.EDF.Thumbnail.getThumbnail(
				"http://code.google.com/p/ajax-alexa-thumbnails/",
				function(thumbnail){container.appendChild(thumbnail);})
			.getThumbnail(
				"http://developer.yahoo.com/yui/",
				function(thumbnail){container.appendChild(thumbnail);});
		});
}());


Ps:由于只使用了Alexa ,所以不能给任何脱离了Alexa的网站使用此项服务。

以下是使用快照得到的部份截图的效果：


来自: ajaxian.com
3
顶
1
踩
评论 共 1 条 请登录后发表评论
1 楼 xiuxiuxiu 2008-07-30 13:54
Alexa的service是free的么？
我记得都是要钱的．．．．．

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Global site tag (gtag.js) - Google Analytics