2012-03-13 80 views
0

當用戶將鼠標懸停在我的頁面上的URL(超鏈接)上時,我需要一種方法來自動生成目標頁面的縮略圖。動態頁面縮略圖

我發現了幾個人使用預先創建的.gifs(或其他圖像)來顯示目標網站的縮略圖,同時將鼠標懸停在鏈接上(請參見示例#1),但我需要一種方法來執行這是動態的。有沒有一種方法可以在運行時生成頁面的縮略圖,或者是在編輯頁面後更新當前縮略圖的簡單方法?

簡而言之;在我的頁面上懸停超鏈接時,我需要顯示目標頁面的縮略圖。此縮略圖不應基於每次編輯後必須生成的圖像,而應該基於當前頁面的快照。就像Google在搜索網站時所做的一樣。

非常感謝!

例子#1: http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/ 將鼠標懸停在 「Zoka咖啡」 ..

回答

1

嘗試研究關於該庫的html2canvas

+0

這是否會正確地構建PHP頁面?我知道一個HTML(靜態)頁面可以非常簡單地捕獲,但是由於這是PHP,因此必須從數據庫加載並在可以正確查看之前構建該網站,以捕獲或多或少精確的屏幕截圖。有任何想法嗎? – 2012-03-13 13:27:18

+0

從用戶的角度來看,每個頁面(基於JS的除外)都是簡單的HTML - 它在服務器上生成併發送給瀏覽器 – 2012-03-13 14:07:32