預覽遠程鏈接

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; 
}