html swiper高度为零,Swiper参数说明（swiper参数配置）

Swiper参数说明(swiper参数配置)

1.自由模式与滑块容器(Free Mode and Scroll Container)Parameter(参数)Type(类型)Default Value(默认值Example(例子)Description(说明)

speednumber300600slides滑块动画之间的持续时间(单位ms)

eventTargetstring‘wrapper’‘container’swipers事件对象，默认状态下所有的触控事件只能用于wrapper。如若需要其他元素包含在container内以及使用swipers,那么可以使用’container’. 2.4.2版本新增

autoplaynumber5000-过渡延迟时间(单位ms)，参数没有指定的情况下，不生效，(补充：当用户操作后autoplay失效)

autoplayDisableOninteractionbooleantruefalse当设置为false时，用户操作之后(swipes,arrow以及pagination 点击)autoplay不会被禁掉，用户操作之后每次都会重新启动autoplay。

autoplayStopOnLastbooleanfalsetrue设置为false后autoplay在最后一个块下失效(在没有设置loop的情况下)

modestring‘horizontal’‘vertical’slides滑动方式，水平或垂直

loopbooleanfalsetruetrue 为loop模式生效

loopAdditionalSlidesnumber02loop模式下slides数量增加个数

loopedSlidesnumber12在loop模式下使用slidesPerview:’auto’,还需使用该参数设置所要用到的loop个数

slidesPerViewnumber

or ‘auto’14旋转模式下，设置slider’s容器能够同时显示的slides数量。另外，支持’auto’值，会根据容器container的宽度调整slides数目。‘auto’不兼容loop模式

slidesPerViewFitbooleantruefalse仅当已设置了slidesPerView:’auto’，以及当slides的宽度大于容器，该参数生效。默认为true然后宽度大的slide 过渡时会划分为边缘的两部分。为false时，slide transition 会划分为比容器container大的多个slides

slidesPerGroupnumber12定义slides的数量多少为一组，在旋转模式下有效。(carousel mode)

calculateHeightbooleanfalsetrue当值为true时，Swiper根据slides内容计算容器高度。响应式布局中或不知道slides高度时十分有用(就像响应式的图片)

roundLengthsbooleanfalsetrue值为true时，Swiper会四舍五入宽度和高度，在响应式的滑块中包含误差时十分有用。

cssWidthAndHeightbooleanfalsetrue值为true以及Swiper中的container，wrapper和slides没有高度

updateFormElementsbooleantruefalse当所有的内嵌图像(img标签)加载完成后Swiper会重新初始化。

watchActiveIndex