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

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

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

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

Edit

Я бы хотел увидеть миниатюру страницы.

Ответы

Ответ 1

Если вам действительно нужен предварительный просмотр живой страницы, вам придется использовать iframe. Если вам просто нужен предварительный просмотр изображения, предложение Fulvio будет работать, но не будет показывать "живой" предварительный просмотр (т.е. Никаких анимаций, которые вы обычно видите, если пользователь зашел на страницу, вы увидите только фронт страница и т.д.). Можно реально масштабировать содержимое 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>

Ответ 2

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

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

UPDATE:

qTip 1.0 скоро будет устаревшим... выйдите из qTip2 preview.