swiper在360浏览器极速模式下图片第一次加载不出来的坑

废话不多说直接上代码

.lunbo1 {
	width: 1170px;
	height: 200px;
	/*height: 100%;*/
	margin: 30px auto 0 auto;
	/*overflow: hidden;*/
	padding-left: 70px;
	position: relative;
}
.lunbo1 .swiper-container {
	margin: 0 0 0 15px;
}
.lunbo1 .swiper-button-next, .swiper-button-prev {
	right: -20px;
}
.lunbo1 .swiper-button-prev:hover {
	background-color: #82c12f;
}
.lunbo1 .swiper-button-next:hover {
	background-color: #82c12f;
}
.lunbo2 .swiper-button-prev:hover {
	background-color: #82c12f;
}
.lunbo2 .swiper-button-next:hover {
	background-color: #82c12f;
}
.lunbo1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	width: 30px;
	height: 35px;
	background-color: #ccc;
	position: absolute;
	top: 50%;
	left: -20px;
}
.lunbo1 .swiper-button-next, .swiper-button-prev {
	width: 30px;
	height: 35px;
	background-color: #ccc;
}
.lunbo1 .swiper-button-next, .swiper-button-prev {
	background-size: 20px 20px !important;
}
.lunbo2 {
	width: 1210px;
	height: 200px;
	/*height: 100%;*/
	margin: 20px auto 30px auto;
	/*overflow: hidden;*/
	padding-left: 70px;
	position: relative;
}
.lunbo2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	right: 0;
}
.lunbo2 img {
	width: 170px;
	height: 200px;
}
.lunbo2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	width: 30px;
	height: 35px;
	background-color: #ccc;
	position: absolute;
	top: 50%;
	left: 0;
}
.lunbo2 .swiper-button-next, .swiper-button-prev {
	width: 30px;
	height: 35px;
	background-color: #ccc;
}
.lunbo2 .swiper-button-next, .swiper-button-prev {
	background-size: 20px 20px !important;
}

<div style="background-color:#f6f6f6;overflow:hidden;">
				<!-- 资质轮播1部分 -->
				<div class="lunbo1">
					<div class="swiper-container banner_swiper2">
						<div class="swiper-wrapper">
							{assign var="productlist" value=$productdata->TakeProductList(15,0,10,"adddate desc")}
							{foreach from=$productlist item=productinfo}
								<div class="swiper-slide">
									<img src="{$productinfo->thumb}" title="{$productinfo->name}" alt="{$productinfo->name}"/>
								</div>
							{/foreach}
						</div>	
					</div>
					<div class="swiper-button-prev z_anniu1 swiper-button-white"></div>
					<div class="swiper-button-next y_anniu1 swiper-button-white"></div>
				</div>
				<!-- 资质轮播2部分 -->
				<div class="lunbo2">
					<div class="swiper-container banner_swiper3">
						<div class="swiper-wrapper">
							{assign var="productlist" value=$productdata->TakeProductList(16,0,10,"adddate desc")}
							{foreach from=$productlist item=productinfo}
								<div class="swiper-slide">
									<img src="{$productinfo->thumb}" title="{$productinfo->name}" alt="{$productinfo->name}"/>
								</div>
							{/foreach}
						</div>	
					</div>
					<div class="swiper-button-prev z_anniu2 swiper-button-white"></div>
					<div class="swiper-button-next y_anniu2 swiper-button-white"></div>
				</div>
			</div>

上面是html，下面是js代码，这些都没有问题，关于上面的assign是什么不用太纠结，这只是PHP的写法

var mySwiper2 = new Swiper('.banner_swiper2', {
	loop : true,
	slidesPerView : 3,
	slidesPerGroup : 1,
	prevButton:'.z_anniu1',
	nextButton:'.y_anniu1',
})
var mySwiper3 = new Swiper('.banner_swiper3', {
	loop : true,
	slidesPerView : 5,
	slidesPerGroup : 1,
	prevButton:'.z_anniu2',
	nextButton:'.y_anniu2',
})

问题来了，现在我的这些代码是我已经修改过的，之前有什么坑呢，在谷歌，火狐，IE，360的兼容模式下都没有问题，只有在极速模式下回有问题，第一次加载这些代码时轮播2不出来，但是你刷新以后就出来了，找了2个小时，到处去百度是不是兼容性的问题，最后还是什么都写上去还是没有用，但是就在喝完水休息一下后是不是图片本身的问题，因为有的图大有的小，(指的是高度)，然后就不把图片的高度给定了一个200px，然后刷新，解决，希望在你遇到你遇到了这个问题对你有帮助！