首先,我们来看下制作后的效果图:
下面我们看下实现步骤:
1、下载使用到的banner轮播切换插件 http://www.kmbox.cn/help/banner.zip 并解压桌面
2、打开KM盒子软件,在软件设置-常规设置中设置 附加资源文件 路径选择为刚才解压的banner轮播切换插件文件夹。
3、在自定义代码选项,首页头部自定义代码处,添加调用代码。
代码如下:
<link rel="stylesheet" href="html/banner/lightSlider.css"><script src="html/banner/lightSlider.js"></script><script type="text/javascript">$(document).ready(function(){$('#imageGallery').lightSlider({auto:true,maxSlide:1,});})</script><ul id="imageGallery" class="gallery list-unstyled"><li><img src="html/banner/banner1.jpg"></li><li><img src="html/banner/banner2.jpg"></li><li><img src="html/banner/banner3.jpg"></li></ul>
保存后生成,即可实现Banner轮播切换效果。