swiper 滑动插件,小屏单个显示滑动,大屏全部显示
2017-07-14 11:08
239 查看
var currSwiperIndex=0; function widthHandle(){ var level = widthLevel(); if(level==1){ //单个显示,滑动 if(mySwiper==null){ mySwiper = new Swiper('.swiper-container',{ initialSlide: currSwiperIndex, }); } }else{ //4个都显示 if(mySwiper!=null){ currSwiperIndex = mySwiper.activeIndex; mySwiper.destroy(true,true); mySwiper = null; } var width = $(".container").width(); $(".gonggao").css("width",width/4+"px"); } }
相关文章推荐
- TortoiseGit 查看单个文件日志显示全部提交记录了 解决办法
- 结合Swiper插件,实现定制化的PC端鼠标滑动和点击控制屏幕切换
- 使用swiper插件实现qq聊天窗口按钮滑动效果
- 手机触屏滑动图片切换插件swiper.js
- 自适应滑动插件swiper.js
- 移动端全屏滑动的小插件,简单,轻便,好用,只有3k swiper,myswiper,page,stage
- easyui--datetimebox插件,下拉框的日期不能全部显示,即一个月份中的天数未全部显示
- swiper默认显示三个,中间放大且显示全部图片两边显示部分图片的实现方法
- Angular.js中使用Swiper插件不能滑动的解决方案
- vue2.0引用vue-awesome-swiper插件实现左右滑动轮播效果
- 解决 swiper插件 嵌入 iframe 不能滑动问题
- swiper display:none 后 在显示 滑动问题
- Android 单个TextView 点击“显示全部”功能实现方法
- 手机端滑动插件swiper3.x的使用示例
- swiper 滑动插件
- rcp(插件开发)如何保存并关闭显示在编辑区的单个编辑器
- 移动端触摸滑动插件Swiper
- swiper:前应用较广泛的移动端网页触摸内容滑动js插件
- webAPP页面切换之滑动-swiper2(切换页面默认显示顶部)
- 解决Angular.js中使用Swiper插件不能滑动的问题