2015-10-21 136 views
0

某些公告板系统或内容管理系统允许用户用图像和视频写文章。图像和视频可以插入标签img,embed脚本可以在网页中加载图像,点播视频

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

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

http://cdn.osxdaily.com/wp-content/uploads/2011/06/click-to-play-flash-example-chrome-300x251.jpg

http://cdn9.howtogeek.com/wp-content/uploads/2014/04/click-to-play-plug-ins4.png

一个简单的想法是,检查标记imgembed与正则表达式在某些已知的区域,例如<div id="contents"></div>。如果正则表达式命中,用占位符和定制的javscript或PHP函数click_to_load()替换它。

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

回答

0

如果需要,您可以根据需要在纯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; 

example code that works

添加一个按钮
相关问题