为修罗论坛手动添加首页幻灯片轮播图代码

为修罗论坛手动添加首页幻灯片轮播图代码

作者 : 资源客 本文共1220个字,预计阅读时间需要4分钟 发布时间: 2021-02-25 共183人阅读
<div id="myCarousel" class="carousel slide m-b-sm" data-ride="carousel">
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class=""></li>
        <li data-target="#myCarousel" data-slide-to="1" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="2" class=""></li>
      </ol>
      <div class="carousel-inner" role="listbox">
        <div class="carousel-item active">
          <img class="first-slide img-rounded" src="https://img.zcool.cn/community/focus/ffef58777d2500000174c88c3259.jpg" alt="First slide">
        </div>
        <div class="carousel-item">
          <img class="first-slide img-rounded" src="https://img.zcool.cn/community/focus/5ed958777d3d00000174c86b32f9.jpg" alt="Second slide">
        </div>
        <div class="carousel-item">
          <img class="first-slide img-rounded" src="https://img.zcool.cn/community/focus/5a8e58777d0f00000174c84e32f6.jpg" alt="Third slide">
        </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>

使用大白自定义插件或者插入代码插件,在首页位置添加即可

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途及非法用途,否则后果自负!
3. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,默认解压密码为"qq301.com",如遇到无法解压的请联系管理员!
资源客是一个优秀的分享资源站,本站资源均为各位友友分享而来,特殊原创会标明如有侵犯版权等可联系26628394@qq.com 删除

资源客 » 为修罗论坛手动添加首页幻灯片轮播图代码