online example alternative jquery jquery-plugins

example - Vista previa de la página web jQuery



jsfiddle jquery (3)

¿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.



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>