Question

是否有人知道允许您翻转锚链接并查看网页预览的插件？

所以基本上我们可能会在页面上有一个链接说www.mysite.com，当你滚动链接时我想看到该网站的预览。

我知道有插件可以显示图像文件，但我正在寻找可以预览实时页面的内容。

修改

我想查看该页面的缩略图。

Answer 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>

玩得开心：）

复制并粘贴到浏览器的网址栏中进行预览：

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>

Answer 2

qTip是jQuery框架的工具提示插件。它是跨浏览器，可定制和丰富的功能。

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

<强>更新

qTip 1.0很快就会过时了......请查看qTip2 preview。

Answer 3

Free Website Thumbnail Services的更多缩略图服务。但它们仍然可以缓存图像，就像WebSnapr一样。

jQuery网页预览

3 个答案: