Предварительный просмотр Веб-страницы jQuery [дубликат]
Этот вопрос уже имеет ответ здесь:
Кто-либо знает о плагине, который позволяет Вам переворачивать ссылку привязки и видеть предварительный просмотр веб-страницы?
Таким образом, по существу у нас может быть ссылка на странице для высказывания www.mysite.com и когда Вы переворачиваете ссылку, я хотел бы видеть предварительный просмотр сайта.
Я знаю, что существуют плагины там, которые показывают Вам файл изображения, но я ищу что-то, что предварительно просмотрит живую страницу.
Править
Я хотел бы видеть миниатюру страницы.
3 ответа
Если вам действительно нужен предварительный просмотр действующей страницы, вам придется использовать iframe.Если вам просто нужен предварительный просмотр изображения, предложение Фульвио будет работать, но не будет отображать "живой" предварительный просмотр (т.е. не будет анимации, которую вы обычно видите, если пользователь вошел на страницу, вы увидите только переднюю часть). страница и т. д.). Возможно фактически масштабировать содержимое 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>
Удачи :)
Скопируйте и вставьте в адресную строку браузера для предварительного просмотра:
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>
Дополнительные службы эскизов на Бесплатные службы создания эскизов веб-сайтов . Но они могут по-прежнему кэшировать изображения, как и WebSnapr.
qTip - это плагин всплывающих подсказок для инфраструктуры jQuery. Это кроссбраузерный, настраиваемый и полный функций.
http://craigsworks.com/projects/qtip/demos/content/thumbnail
ОБНОВЛЕНИЕ:
qTip 1.0 скоро устареет ... проверьте предварительный просмотр qTip2 .