Question

某些公告板系统或内容管理系统允许用户使用图像和视频撰写帖子。可以使用代码img，embed等

插入图片和视频

我想做的是，我想让读者决定是否加载图片和视频。换句话说，我想让一些占位符说点击加载。下面的图像是我想要的。但它是网络浏览器的一项功能。我想在服务器端或客户端实现它。

我想要这个功能的原因是，一些大型图片，GIF和自动播放视频不利于手机或某些人。

一个简单的想法是，在某个已知区域中使用正则表达式检查标记img和embed，例如<div id="contents"></div>。如果正则表达式命中，则将其替换为占位符和自定义的javscript或PHP函数click_to_load()。

在从头开始之前，我想知道是否有一个这样的库已经实现了这个。

Answer 1

如果需要，您可以在纯JavaScript中按需加载。如果你想在JavaScript中编写函数click_to_load()，你需要做的只是在HTML中没有源代码的图像，然后只需点击一下按钮即可在JavaScript中更改源代码。

function click_to_load() {
    document.getElementById("image").src = "http://i.imgur.com/AXTI1Gr.gif";
}

此函数将图像源更改为猫的.gif

现在只需添加一个带有此javascript的按钮

document.getElementById("button").onclick = click_to_load;