预览远程链接

时间:2012-09-01 15:27:50

标签: javascript jquery ajax

任何人都知道如何预览未在服务器上本地保存的链接。我已经阅读了article关于动态预览链接的信息,但它说它只能在本地文件中工作。

我想预览像http://www.google.com等链接。我以为我可以使用类似于PHP的读取函数file_get_contents或者什么都不做的东西?

1 个答案:

答案 0 :(得分:3)

您可以使用$("#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;
}