Предварительный просмотр jQuery Webpage

Кто-нибудь знает плагин, который позволяет пролистывать ссылку и просматривать предварительный просмотр веб-страницы?

Поэтому, по сути, у нас может быть ссылка на странице, чтобы сказать www.mysite.com, и когда вы переходите по ссылке, я хотел бы увидеть предварительный просмотр сайта.

Я знаю, что есть плагины, которые показывают вам файл изображения, но я ищу что-то, что будет просматривать живую страницу.

редактировать

Я хотел бы видеть эскиз страницы.

Источник

3 ответа

Решение

Если вы действительно хотите предварительно просмотреть живую страницу, вам придется использовать iframe. Если вам нужен предварительный просмотр изображения, предложение Фулвио будет работать, но не будет отображать "живой" предварительный просмотр (т. Е. Анимации, которые вы обычно не видите, если пользователь вошел на страницу, вы увидите только переднюю часть). страница и т. д.). Можно на самом деле масштабировать содержимое фрейма так, чтобы он был миниатюрой, таким образом, достигая желаемого эффекта. Например:

<html>
<head>
<!--[if IE]>
<style>
#frame {
    zoom: 0.2;
}
</style>
<![endif]-->
<style>
#frame {
    width: 800px;
    height: 520px;
    border: none;
    -moz-transform: scale(0.2);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.2);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.2);
    -webkit-transform-origin: 0 0;
}
</style>
</head>
<body>
<iframe id="frame" src="http://www.bing.com">
</iframe>
</body>
</html>

Повеселись:)

Скопируйте и вставьте в строку URL вашего браузера для предварительного просмотра:

data:text/html,<html><head><!--[if IE]><style>iframe{zoom:0.2;}</style><![endif]--><style>iframe{width:800px;height:520px;border:none;-moz-transform:scale(0.2);-moz-transform-origin:0 0;-o-transform:scale(0.2);-o-transform-origin:0 0;-webkit-transform:scale(0.2);-webkit-transform-origin:0 0;}</style></head><body><iframe src="http://www.bing.com"></iframe></body></html>
Источник

qTip - это плагин всплывающей подсказки для платформы jQuery. Это кросс-браузер, настраиваемый и полный набор функций.

http://craigsworks.com/projects/qtip/demos/content/thumbnail

ОБНОВИТЬ:

qTip 1.0 скоро устареет... посмотрите предварительный просмотр qTip2.

Источник

Дополнительные сервисы миниатюр на бесплатных сайтах. Но они могут все еще кэшировать изображения, как WebSnapr.

Источник
Другие вопросы по тегам