实验室 之 图片弹幕
我们在实验室为各位站长提供了围绕评论展开多种多样丰富有趣的组件,您只需要贴上一段代码,就可以轻松实现想要的功能。
下面我们介绍“图片弹幕”的使用方法:
1、在云评论后台-实验室-图片弹幕中获取“图片弹幕”组件代码。
2、将代码1:<div id="cyBarrage" role="cylabs" data-use="barrage"></div>放置在您需要显示“图片弹幕”组件的地方。
提示:如果您配置过sourceid,建议在代码1的div中配置sourceid。如果没配置过sourceid,忽略即可。
3、将代码2:<script type="text/javascript" charset="utf-8" src="http://changyan.itc.cn/js/??lib/jquery.js,changyan.labs.js?appid=您的APPID"></script>紧跟在代码1之后。【请到后台获取您的代码,勿粘贴此段代码】
提示:如页面有评论框,代码2不能出现在评论框代码之前。如页面同时使用多个实验室组件,代码2只需引入一次即可。
页面加载的第一张 宽>400px、高>300px的图片会出现图片弹幕。
5、图片弹幕评论审核:所有网友经由“图片弹幕”发表的内容都会是先发后审,所有评论内容将会出现在后台-实验室-图片弹幕-配置信息中的“图片弹幕审核”列表中。
DEMO演示:
页面代码:
 
前台显示效果: