现在的位置: 首页 > 综合 > 正文

WebSnapr-生成你的网站缩略图

2012年12月16日 ⁄ 综合 ⁄ 共 548字 ⁄ 字号 评论关闭
      WebSnapr能让你生成任何网页的缩略图。只要输入URL按一下capture按钮等上几秒钟就可以了。并有四种大小可以选择。

      更好玩的是,利用它的一段Javascript,就可以在网站上的超级链接上显示所链接网站的缩略图,当然这个缩略图也是来自WebSnapr. 下面就是例子:

      方法很简单。首先下载previewbubble.zip,然后

      1.- 将压缩包里文件拷贝至服务器,修改previewbubble.js里"bubbleImagePath"变量的值为正确的bg.png的路径    

     var bubbleImagePath = '/images/bg.png';

      2.- 把下面这句加入网页header.

      <script type="text/javascript" src="previewbubble.js"></script>

      3.- 加上 class="previewlink" 属性到你的链接里面. For example:

      <a class="previewlink" href=http://scgw.cnblogs.com/>流浪的风</a>

   和Lightbox一样都比较酷,都是用javascript实现。

抱歉!评论已关闭.