swiper随记

// swiper更换左右滑动按钮
.swiper-button-prev:after{display: none;}
.swiper-button-next:after{display: none;}
.swiper-button-next.swiper-button-disabled, .box1 .swiper-button-prev.swiper-button-disabled {opacity: 1;}
/*自定义样式*/
.swiper-button-prev{width: 32px;height: 56px;background: url(../img/zuo.png);left: 0;}
.swiper-button-next{width: 32px;height: 56px;background:url(../img/you.png);right: 0;}
/* 以上前进后退按钮 */

多个swiper嵌套使用的时候，要注意swiper之间的命名不能重复，需要按钮和跳转之间进行绑定可以使用以下代码：

$(".btn-01").click(function(){
		console.log("文韵11栋")
		$(this).attr("src","common/img/anniu/anniu_01_h.png")
		swiper01.slideTo(0, 500, true);
	});

 在index.html之中的引用js代码按照文档就可以

//两个swiper相互控制

var Swiper1 = new Swiper('#swiper-container1', {
        });
        var Swiper2 = new Swiper('#swiper-container2', {
            controller: {
                control: Swiper1, //控制Swiper1
            },

        })

        Swiper1.controller.control = Swiper2; //Swiper1控制Swiper2，需要在Swiper2初始化后
        Swiper2.controller.control = Swiper1; //Swiper2控制Swiper1，需要在Swiper1初始化后