不同的热门图文在网站中进行轮播，用户也可点击左右的前进框进行自主滚动浏览。

竖直版

  多图文排列，竖直排列在网站文章一侧，用户在浏览文章时也可即时浏览热文配图。

水平版

水平版热文配图位于文章末尾，评论框上端，使用户在浏览完文章后无须重回首页就能直接阅读热门文章，有效节省用户浏览时间，加快网站文章浏览增速。

这么炫酷的功能，您只需要贴上一段代码，就可以轻松实现。下面我们以轮播版为例，介绍“热文配图”的使用方法：

①在畅言后台-实验室-热文配图中获取“热文配图”组件代码

②将代码1：<div id="cyWallsplugin" role="cylabs" data-use="wallsplugin"></div>放置在您需要显示“热门新闻”组件的地方。

提示：如果您配置过sourceid，建议在代码1的div中配置sourceid。如果没配置过sourceid，忽略即可。

③将代码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只需引入一次即可。

④更多详细配置，请在畅言后台-实验室-热文配图中进行配置。

DEMO演示：

页面代码：

前台显示效果：

感谢【华子上网公众号【huazi-sw】微信【q-ba86】】提供原创稿件