Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/joomla/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 预览远程链接_Javascript_Jquery_Ajax - Fatal编程技术网

Javascript 预览远程链接

Javascript 预览远程链接,javascript,jquery,ajax,Javascript,Jquery,Ajax,任何人都知道如何预览未保存在服务器本地的链接。我读过这篇关于动态预览链接的文章,但它说它只在本地文件中工作 我想预览一个链接,比如,等等。我想我可以使用类似于PHP的读取函数file\u get\u contents的东西,或者什么都做不了?你可以使用$(“#预览”).hover()事件并创建一个iframe来预览它们: 根据需要调整位置和尺寸 这是调整iframe内容大小以使其变小的css: iframe { width: 800px; height: 520px;

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

我想预览一个链接,比如,等等。我想我可以使用类似于PHP的读取函数
file\u get\u contents
的东西,或者什么都做不了?

你可以使用
$(“#预览”).hover()
事件并创建一个iframe来预览它们:

根据需要调整位置和尺寸

这是调整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;
}
您可以使用
$(“#preview”).hover()
事件并创建iframe来预览它们:

根据需要调整位置和尺寸

这是调整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;
}