javascript - 如何在 JavaScript 中创建 url 预览?

标签 javascript html preview

有人可以帮我用 JavaScript 创建 url 预览吗?

我的意思是:假设我的网站上有一个链接,我希望用户能够将鼠标悬停在该链接上,并弹出一个图像,显示链接目标的外观。

不用担心 css,我已经搞定了,我只需要实际的脚本来显示图像。

目前我是通过显示一个实际呈现页面的 iframe 来实现的,但这不是可扩展的,而且看起来很丑陋。

让页面显示预制图像不是一种选择,因为链接将链接到动态生成的用户内容。

最佳答案

您需要有预先存储的图像。 Javascript 无法截取屏幕截图并调整图像大小(目前)。试试这个:http://snapcasa.com/ .它为您动态拍摄图像。您所要做的就是热链接图像:)

使用 http://snapcasa.com/ 时的最佳功能:

  1. 图像保证是最新的

  2. 您不必将它们存储在您的服务器上!

  3. 免费计划有大量积分供您使用!

关于javascript - 如何在 JavaScript 中创建 url 预览?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2715752/

相关文章:

javascript - 如何使用 Angular BrowserAnimationsModule 为网格框更改设置动画?

javascript - CSS div样式,javascript Canvas 颜色变化

javascript - 如何在上传前显示图像预览?

javascript - 如何在脚本中获取 Mirth Connect 环境名称?

javascript - 如何在 Dynamics CRM 中使用 openForm 设置多选字段值?

javascript - 空间位置在这些跨度中重要吗?

html - Bootstrap - 构建流体网格

css - HTML5 元素在 IE8 中打印时丢失 CSS 类

java - Android Studio 预览版未显示 ListView 示例

javascript - 使用 Meteor JS 的响应式(Reactive)连接在模板中呈现集合数据