2012-04-03 96 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

相关问题