jQuery или CSS для отображения эскиза внешней страницы

Question

Я пытаюсь отобразить миниатюры внешних веб-страниц, подобно тому, как Chrome показывает последние избранные при открытии новой вкладки. Я использую элемент объекта, как это:

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

Есть ли хороший плагин jQuery / jQuery или пример CSS, как это сделать? Я, например, посмотрел на -webkit-transform, но не могу заставить его работать.

Answer 1

Можно создать что-то похожее на миниатюру, суть в том, что вы не можете управлять ими с помощью javascript. Кроме того, он будет работать только на Firefox и Webkit.

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

Это просто преобразование масштаба CSS, примененное к iFrame.

Answer 2

Я так не думаю, нет.

Во-первых, у JavaScript нет доступа к «миниатюрам» HTML, а во-вторых, попытка получить миниатюру с внешнего URL-адреса будет проблемой безопасности.

Для этого вам нужно создать миниатюры на стороне сервера .Другого пути нет.