Connect_logo_6.png 退出
前端视?#21040;?#31243; 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码
充值

Swiper全屏自适应焦点图轮播代码

作者/代码整理:  (转载请附加本文地址,带?#23567;?#25042;人原生”字样的谢绝转载) 发布日期:2018-08-03
这是一款基于Swiper实现的全屏自适应焦点图轮播代码,点击箭头按钮或拖动图片左右滚动切换到中间展示大图。


js代码

<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript">
	window.onload = function() {
		var swiper = new Swiper('.swiper-container',{
			autoplay: false,
			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>

猜你喜欢...
高级版我买单联盟5.4.1微擎小程序源码 商家加盟区块链源码
多商家微信小程序商城源码 带商家入驻 thinkPHP商城分销拼团源码
微商助理防伪防窜货溯源代理授权查询系统源码
标准版亿恒共享借物系统1.1.4微信小程序 租赁共享借物系统源码
O2O全能派单至尊支付版3.0.1上门预约公众号微擎源码
基础版政务预约1.0.0首发微信小程序源码
带小程序分支的万能?#22836;?4.1.0无授权无加密
html5仿微信群聊天单独手机网页版带群组群聊
商业版NiuCms智慧城市 智慧生活系统 电商?#25945;?带商家入驻带采集功能
百度小偷 搜索引擎源码 PHP搜索引擎 SEO站群源码二开版
趣投币圈2.0最新版 投资理财实时汇率 专业理财投资?#25945;?#28304;码
微信公众号连锁多网点1.3.4版快速买单付款 买单付款会员折扣神器
苹果cmsV10x视频源码 视频图片小说源码带会员带广告位 视频网站源码
校园餐饮配送1.0.1微擎小程序源码 校园餐饮配?#22836;?#21153;源码
区块链模式疯狂蚂蚁矿池源码 挖矿首选源码 无加密可打包APP
影视投资理财高效投资项目收益邀请好友分销推广
房产系统综合房产出租售卖二手房转手?#24179;?#29256;系统源码多城市+单城市
朋友圈文章赚钱系统AI智能版分享秘笈6.1.8开源
微擎小程序社区拼团商业版麦芒社区团购2.0.66拼团附带三大插件
微擎最新版螃蟹投票功能模块1.8.3.1无加密免授权投票系统源码
极速快三全天人工计划
极速快3技巧单双 平特一码 广东时时彩选五 江苏快3自动投注软件 陕西11选5任五遗漏号 特码图报 2元彩票网23选5 澳洲幸运10开奖软件下载 竞彩胜平负开奖时间 七星彩走势图2000期 p3试机号历史上的今天 中国体彩网门店 高频彩两面长龙 冰球标志 体彩新11选5最优玩法