jQuery or CSS to display thumbnail of external page

I'm trying to display thumbnails of external webpages, similar to how Chrome shows recent favorites when a new tab is opened. I use an object element like this:

<object class="page-thumbnail" type="text/html" src="http://www.foo.com/endpoint.html">
   <p>page 1</p>
</object>

Is there a good jQuery/jQuery plugin or CSS example of how to accomplish this? I've looked at -webkit开发者_运维百科-transform, for example, but can't seem to get it to work.

It is possible to create something that looks like a thumbnail, the catch is that you can't control them via javascript. Also, it will only run on Firefox and Webkit.

http://jsfiddle.net/duopixel/vfTAN/

It's just a css scale transform applied on an iFrame.

I don't think so, no.

There is no JavaScript access to HTML "thumbnails" in the first place, and secondly trying to get a thumbnail from an external URL would be a security problem.

You would have to create the thumbnails on server side to do this. There is no other way.