2012-04-03 77 views
2

我正在使用tiptip,並且有一個鏈接是鼠標懸停時創建一個框的選項。將鼠標懸停在鏈接上時,創建網站預覽?

所以,唯一的方法是獲取html的截圖(如何?)和使用tiptip做彈出預覽,有沒有什麼辦法可以更直接地做到這一點?

既然有> 30個html網站我需要創建預覽,謝謝。

+1

http://stackoverflow.com/q/3162815/102937 – 2012-04-03 04:51:48

+0

要顯示該頁面的實時預覽,還是僅顯示該頁面的屏幕截圖?如果您想顯示實時預覽,那麼您可以[在鼠標懸停時在iframe中顯示頁面。](http://stackoverflow.com/a/16625709/975097) – 2013-05-18 15:41:05

回答

5

而不是將網頁加載到iframe中(可能會非常緩慢)。

你爲什麼不使用外部API,例如只顯示該網站的IMG截圖:

例子:

http://api.thumbalizr.com/?url=http://www.google.com&width=250

+0

如果頁面在本地主機上,該怎麼辦? – user782104 2012-04-03 05:03:43

+0

只要您可以提供可公開訪問的網址,它仍然可以正常工作。如果它是一個內聯網站點,那麼你這種方法將無法工作。 – 2012-04-03 05:06:40

+0

大量的網絡怎麼樣,我必須一個接一個做呢?謝謝 – user782104 2012-04-03 05:28:16

1
  • 無論它應用在哪裏,它都只能通過屏幕截圖。

  • 這是一個非常優化的方式和光。你的工具提示插件工作正常與jquery,很好,否則,你甚至可以嘗試Jquery's QTip plugin

  • 還有其他一些通過縮短顯示實際HTML的方法(以像素爲單位),但不能認爲它們非常輕或者說這是一個不太優化的解決方案。 (它也有某些問題,如不是由於任何原因HTML或不兼容導致不好,而SS圖像始終保持穩定。)

  • 在實踐中,當你看到谷歌的搜索結果,並在原地網頁預覽,你會發現他們實際上在使用圖像。

+0

如果頁面位於localhost中,該怎麼辦? – user782104 2012-04-03 05:00:46

+0

那麼,它會永遠留在本地嗎?還是它會在獨立的領域生產?其次,即使其本地主機,其優化程度也較低。 – linuxeasy 2012-04-03 05:01:47

+0

大量的網絡怎麼樣,我必須一個接一個做呢?謝謝 – user782104 2012-04-03 05:28:46

相關問題