【发布时间】:2010-09-09 23:13:24
【问题描述】:
如何使用 ajax 预览网址?我已经看到使用搜索引擎插件完成此操作,并想了解如何执行此操作。具体来说,我希望能够将鼠标悬停在链接上并使用 ajax 查看网页的预览。
【问题讨论】:
如何使用 ajax 预览网址?我已经看到使用搜索引擎插件完成此操作,并想了解如何执行此操作。具体来说,我希望能够将鼠标悬停在链接上并使用 ajax 查看网页的预览。
【问题讨论】:
有 easy 解决方案、hard 解决方案和 use-a-library 解决方案。
use-a-library :我更喜欢总是使用 use-a-library 解决方案,除非您另有充分的理由。一个将“硬解决方案”打包为您的服务的可能网站:http://thumbnails.iwebtool.com/demo/
easy:简单的解决方案是将目标网页加载为缩小的 AJAXy 窗口。您可以为此任务使用许多 Lightbox 类插件,尤其是那些允许您针对 Lightbox 窗口定位任意 HTTP 内容的插件。 GreyBox 是我之前用过的最喜欢的。 Lightbox Gone Wild也不错。
hard:然后是硬解:您需要渲染网页服务器端,将渲染缓存为图像,然后使用 Lightbox-esque Javascript(即在其他要求旁边微不足道)。你将如何做这件事超出了这个框的范围。你为什么要这样做?预览版为客户端生成的速度要快得多,并且它将客户端的会话与可能在目标网站中破坏它的事物隔离开来——即使在 AJAXy 中打开它们时,行为不佳的 Javascript 和/或恶意软件也会导致非常糟糕的事情窗口中的窗口。
【讨论】:
我想我知道他在说什么。发生的情况是,他希望在将鼠标悬停在超链接 (javascript) 上时出现一个窗口,并让该窗口显示超链接引用的网站的快照图像。
ajax 部分以异步方式连接到您托管网站的服务器,并点击一个页面,该页面将获取该网站的图像以显示在 img 标记中。
现在,如何生成网站图像?我建议提前完成(例如在创建内容时)并调用已经生成的图像。
如何生成开始的图像?我认为这将是另一个问题:“如何生成网站的快照图像?”
【讨论】: