example - Vista previa de la página web jQuery
jsfiddle jquery (3)
Esta pregunta ya tiene una respuesta aquí:
¿Alguien sabe de un complemento que le permita pasar un enlace de anclaje y ver una vista previa de la página web?
Básicamente, es posible que tengamos un enlace en la página para decir www.mysite.com y cuando se desplace por el enlace, me gustaría ver una vista previa del sitio.
Sé que hay complementos por ahí que te muestran un archivo de imagen, pero estoy buscando algo que haga una vista previa de la página en vivo.
Editar
Me gustaría ver una miniatura de la página.
Más servicios de miniaturas en los servicios gratuitos de miniaturas de sitios web . Pero todavía pueden almacenar imágenes en caché, al igual que WebSnapr.
Si realmente desea una vista previa de la página en vivo, tendrá que usar un iframe. Si solo desea una vista previa de la imagen, la sugerencia de Fulvio funcionará, pero no mostrará una vista previa "en vivo" (es decir, no habrá animaciones que normalmente vería, si el usuario ha iniciado sesión en una página, solo verá la parte delantera). página, etc). Es posible escalar realmente el contenido de un iframe para que sea una miniatura, logrando así el efecto que desea. Por ejemplo:
<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>
Que te diviertas :)
Copia y pega en la barra de URL de tu navegador para previsualizar:
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 es un complemento de información sobre herramientas para el marco jQuery. Es multiplataforma, personalizable y repleto de características.
http://craigsworks.com/projects/qtip/demos/content/thumbnail
ACTUALIZAR:
qTip 1.0 pronto será obsoleto ... revisa la vista previa de qTip2 .