jquery实现轮播图（利用更改背景图片的方法）

    自己在写轮播图过程中，花费了一些时间，因为是刚开始接触，所以可能不是特别精简.  但是测试和运行都是没有问题的，自己对这个了解之后，觉得这种方法局限性比较大，在其他的一些div文字块实现自动播放，就不能适用，之后会写出来另一种方法，争取最简洁明了的方法，让大家理解清楚，以下是代码部分大家可以实际操作理解一下，如果有任何问题或者不理解的欢迎询问，大家一起共同进步!

.zong {
            width: 590px;
            height: 470px;
            position: relative;
        }

        img {
            width: 590px;
            height: 470px;
            border: 1px solid red;

        }

        .active {
            background-color: orange;
        }

        .dots {
            position: absolute;
            bottom: 0;
            left: 300px;
        }

        .dot {
            float: left;
        }

        .lunbo {
            width: 590px;
            margin: 0 auto;
        }

        .left {
            position: absolute;
            top: 50%;
            left: 0;

        }

        .right {
            position: absolute;
            top: 50%;