Free website thumbnail API

Use the examples below to start showing website thumbnails, on the fly, on your site.

We have 4 options available:
1) auto-refreshing thumbnail (new!)
2) zoomamble thumbnail
3) simple thumbnail, nice URL
4) simple thumbnail, regular URL

Auto-refreshing thumbnail:

(works with any pages on a domain)
This version checks every several seconds to see if the new thumbnail has been finally generated, and once it detects the new thumb as available, the thumb auto-refreshes with the new image, without reloading the page, to reflect this.
1. Add the following code right after the <body> tag:

<!-- PagePeeker JS body script -->
<script language="JavaScript">
    __pp_s='m';
    __pp_u='http://pagepeeker.com/thumbs_generated.php?size='+__pp_s+'&url=';
    __pp_f='http://pagepeeker.com/thumbs.php?size='+__pp_s+'&url=';
    h=document.getElementsByTagName('body')[0];
    function __pp_rd(rd,r){if (rd==1) document.getElementById('__pp_i_' + r).src=__pp_f+r+'&r='+Math.random();else setTimeout("__pp_call('"+r+"')", 5000);}
    function __pp_call(r){
    if (!document.getElementById('__pp_i_' + r)) document.write('<img id="__pp_i_'+r+'" src="'+__pp_f+r+'&r='+Math.random()+'" border="0">');
    var e=document.getElementById('__pp_scr_'+r);if (e) h.removeChild(e);var s=document.createElement('script');s.type='text/javascript';s.async=true;s.src=__pp_u+encodeURIComponent(r)+'&r='+Math.random();s.id='__pp_scr_'+r;h.appendChild(s);
    }
</script>
<!-- END PagePeeker -->

2. Add an auto-refreshing thumbnail in the page using this type of code:

<script language="JavaScript">__pp_call('pagepeeker.com');</script>

In the script, you'll notice:
__pp_s = 'm'; m represents the thumb size. Possible values for this are:
t - Tiny (90x68px)
s - Small (120x90px)
m - Medium (200x150px), see image ⇒
l - Large (400x300px)
x - eXtra large (480x360px)
pagepeeker.com can be replaced with any site URL

Click to see how it works!
(test takes about 15 seconds)

Zoomable thumbnail Add a zoomable thumbnail using this type of code:
<div id="thumb"></div> <script type="text/javascript" src="http://pagepeeker.com/thumbsLoad.php?target=thumb&size=m&url=wikipedia.org&nextsize=l"></script> size represents the original thumb size. Possible values for this are: t - Tiny (90x68px) s - Small (120x90px) m - Medium (200x150px), see image ⇒ l - Large (400x300px) x - eXtra large (480x360px) nextsize is optional and it defines the zoom-in level. By default, nextsize is equal to the next bigger size (for instance, for size=m, the default nextsize is l), but you can set it to an even bigger zooming value (for instance, x).
Note: <div id="thumb"></div> needs be placed where the image should appear; we recommend you to place the rest of the code at the end of the HTML code, above </BODY>

Simple thumbnail, nice URL: (only works with plain domain-names / home-pages) Add a regular thumbnail using this type of code:
<img src="http://pagepeeker.com/t/m/wikipedia.org" border="0"> m represents the thumb size. Possible values for this are: t - Tiny (90x68px) s - Small (120x90px) m - Medium (200x150px), see image ⇒ l - Large (400x300px) x - eXtra large (480x360px) wikipedia.org can be replaced with any site home page URL

Simple thumbnail, regular URL: (works with any pages on a domain) Add a regular thumbnail using this type of code:
<img src="http://pagepeeker.com/thumbs.php?size=m&url=en.wikipedia.org/wiki/Main_Page" border="0"> m represents the thumb size. Possible values for this are: t - Tiny (90x68px) s - Small (120x90px) m - Medium (200x150px), see image ⇒ l - Large (400x300px) x - eXtra large (480x360px) en.wikipedia.org/wiki/Main_Page can be replaced with any site URL

Free website thumbnail API

Auto-refreshing thumbnail:

Zoomable thumbnail

Simple thumbnail, nice URL:

Simple thumbnail, regular URL: