有人可以帮助我在JavaScript中创建网址预览吗？
我的意思是：我说我的网站上有一个链接，我希望用户能够将鼠标悬停在链接上，并弹出一个图像，显示链接的目标是什么样的。
不要担心CSS，我得到了工作，我只需要实际的脚本来显示图像。
目前我通过显示实际呈现页面的iframe来实现这一目标，但这不是可扩展的，看起来很难看。
让页面显示预制图像不是一种选择，因为链接将链接到动态生成的用户内容。
答案 0 :(得分：5)
您需要预先存储的图像。 Javascript无法截取屏幕截图并调整图像大小（暂时）。试试这个：http://snapcasa.com/。它动态地为您拍摄图像。您所要做的就是热链接图像：）
使用http://snapcasa.com/时的最佳功能：
图片保证是最新的
您无需将它们存储在服务器上！
免费计划有很多学分可以帮助你燃烧！
答案 1 :(得分：3)
丹尼尔是对的，客户无法做到这一点，但一个选项是免费的thumnail服务; http://www.webresourcesdepot.com/10-free-website-thumbnail-generation-services/结合了一个漂亮的工具提示脚本：http://flowplayer.org/tools/tooltip.html
答案 2 :(得分：3)
如果您想要更直接地控制屏幕截图并想要在服务器上配置内容，可以设置khtml2png或webkit2png *以在命令行上生成图像。 （如果您愿意，here是使用Gecko的一些方向。）
* webkit2png提供了OS X的说明，但实际上没有理由它不应该在* nix上工作，因为WebKit本身是跨平台的。确定将其作为练习留给读者，但它可能是值得的，因为KHTML历史上落后于WebKit的新（HTML5，CSS3等）功能。
我还没有测试过任何这些解决方案，但如果您想要更多地控制屏幕截图，那么它可能就足够了。
答案 3 :(得分：2)
无法在客户端生成网站预览。需要在服务器上呈现预览图像，然后可以使用简单的<img>标记将其调用到HTML文档中。
基本上你可以有一个图片标签，如下所示：
<img src="/my_preview_renderer.php?site=www.google.com" />
...其中my_preview_renderer.php将实时生成预览并返回具有适当mime类型的图像数据。您可以使用任何服务器端脚本语言。
这不是一个详尽的答案，但我希望它可以指出你正确的方向。
答案 4 :(得分：1)
您可以使用iframe执行此操作，或者为获取屏幕截图的服务付费（我认为Doctype.com提供此功能）。付费服务仍需要很长时间才能生成屏幕截图。基本上，不要打扰尝试，它不会起作用。
答案 5 :(得分：1)