"/>

swiper手机焦点图幻灯片切换特效

239
0
swiper手机焦点图幻灯片切换特效是一款基于swiper.js的手机移动端图片滑动切换代码，宽屏响应式自适应浏览器宽度。
js代码

<script src="js/swiper.min.js"></script>
<script>
window.onload = function() {
var swiper = new Swiper('.swiper-container',{
	autoplay:3000,
	speed:1000,
	autoplayDisableOnInteraction : false,
	loop:true,
	centeredSlides : true,
	slidesPerView:2,
	pagination : '.swiper-pagination',
	paginationClickable:true,
	prevButton:'.swiper-button-prev',
	nextButton:'.swiper-button-next',
	onInit:function(swiper){
		swiper.slides[2].className="swiper-slide swiper-slide-active";//第一次打开不要动画
		},
	breakpoints: { 
			668: {
				slidesPerView: 1,
			 }
		}
	});
	}
</script>
jQuery文字图片幻灯片动画切换效果
jQuery全屏游戏人物图片淡出淡进切换代码

热点素材