预览远程链接

Question

任何人都知道如何预览没有保存在本地服务器上的链接。我读过这篇关于动态预览链接的article，但它说它只能在本地文件中工作。

我想预览一个像http://www.google.com这样的链接，我在想我可以使用类似PHP函数file_get_contents的东西，或者什么都不做？

Answer 1

您可以使用$("#preview").hover()事件并创建iframe来预览它们：

http://jsfiddle.net/mQhX5/1/

根据需要调整位置和大小。

这是用于调整iframe内容大小以使其变小的css：

iframe {
    width: 800px;
    height: 520px;
    border: none;
    position:absolute;
    -moz-transform: scale(0.5);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.5);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: 0 0;
}