【HTML | 模板】图片 轮播 (轮播图)

============================================ html

<!-- 放置在 head 中 -->
<link rel="stylesheet" href="图片轮播/lb.css">
<script src="图片轮播/lb.js"></script>
<script>
    window.onload = function () {
    
        // 轮播选项
        const options = {
    
            id: 'lb-1',              // 轮播盒ID
            speed: 600,              // 轮播速度(ms)
            delay: 3000,             // 轮播延迟(ms)
            direction: 'left',       // 图片滑动方向
            moniterKeyEvent: true,   // 是否监听键盘事件
            moniterTouchEvent: true  // 是否监听屏幕滑动事件
        }
        const lb = new Lb(options);
        lb.start();
    }
</script>

<!--轮播 图片-->
<div class="lb-box" id="lb-1">
    <!-- 轮播内容 -->
    <div class="lb-content">