Changelog
3.4.0 - Released on October 16th, 2016
gulp custom -zoom,effects,lazy-loading
<div class="swiper-slide">
<div class="swiper-zoom-container">
<img src="path/to/image">
</div>
</div>
zoom
- enable zoom functionalityzoomMax
- maximum image zoom multiplier, by default is 3
zoomMin
- minimum image zoom multiplier, by default is 1
zoomToggle
- enable/disable zoom-in by slide's double tapzoomMax
can be also overridden for specific slide by using data-swiper-zoom
attributeswiper.enableTouchControl()
and swiper.disableTouchControl()
methods to enable disable touch control (it toggles onlyExternal
parameter)swiper.realIndex
property in addition to swiper.activeIndex
that returns index of active slide considering loophistory
parameter. It uses history pushState to set active slide URLhashnavWatchState
parameter to navigate through slides (when hashnav is enabled) by browser history or by setting directly hash on document locationreplaceState
parameter that work in addition to hashnav or history to replace current url state with the new one instead of adding it to historys.unsetGrabCursor()
and s.setGrabCursor()
to enable/disable grab cursorsimulateTouch:false
normalizeSlideIndex
parameter to improve work of controller (see #1766)lazyLoadingInPrevNextAmount
now works with slidesPerView: 'auto'
passiveListeners
parameter to use passive event listeners to improve scrolling performance on mobile devices. Enabled by defaultfreeModeMomentumVelocityRatio
parameter to control moment velocitydata-swiper-autoplay
attribute on themsizes
responsive images attributemousewheelEventsTarged
parameter (by default 'container') where you can specify mousewheel events targetonScroll
event/callback that triggers when swiping/scrolling happens with mousewheeltouchReleaseOnEdges
parameter to release touch events on slider edge position (beginning, end) and allow for further page scrollingpaginationBulletRender
now accepts swiper
instance as a first argument, paginationBulletRender(index, className)
-> paginationBulletRender(swiper, index, className)
Changelog
3.3.1 - Released on February 7th, 2016
uniqueNavElements
parameter. If enabled (by default) and navigation elements' parameters passed as the string (like .pagination
) then Swiper will look for such elements through child elements first. Applies for pagination, prev/next buttons and scrollbaronPaginationRendered
callback. Will be fired after pagination elements generated and added to DOM.reLoop()
method, which combines .destroyLoop()
+ .createLoop()
methods with additional positioning fixes. Useful to call after you have changed slidesPerView
parameter, it will dynamically recreate duplicated slides required for loop.nextButton
and .prevButton
properties with Dom7/jQuery element with next/prev button HTML elementslidesPerView/Group
parametersChangelog
3.3.0 - Released on January 10th, 2016
paginationType
- type of pagination. Can be 'bullets'
(default) or 'fraction'
or 'progress'
or 'custom'
paginationFractionRender(swiper, currentClass, totalClass)
- custom function to render "fraction" type paginationpaginationProgressRender(swiper, progressbarClass)
- custom function to render "progress" type paginationpaginationCustomRender(swiper, current, total)
- custom function to render "custom" type paginationlazyLoadingInPrevNextAmount
parameter allows to lazy load images in specified amount of next/prev slidesautoplayStopOnLast
parameter (true
by default) tells to autoplay should it stop on last slide or start from first slideonAutoplay(swiper)
callbackChangelog
3.2.7 - Released on December 7th, 2015
Changelog
3.2.6 - Released on November 28th, 2015
mousewheelControl
Changelog
3.2.5 - Released on November 21st, 2015
autoHeight: true
parametersetWrapperTranslate
Changelog
3.2.0 - Released on November 7th, 2015
Added responsive breakpoints support using new breakpoints
parameter. Now you can specify different slidesPerView
and other similar parameters for different sizes:
slidesPerView: 5,
spaceBetween: 50,
breakpoints: {
1024: {
slidesPerView: 4,
spaceBetween: 40
},
768: {
slidesPerView: 3,
spaceBetween: 30
},
320: {
slidesPerView: 1,
spaceBetween: 10
}
}
New callbacks: onSlideNextStart
, onSlideNextEnd
, onSlidePrevStart
, onSlidePrevEnd
Added Meteor package meteor add nolimits4web:swiper
Fixed issue with mouse touchMove/End callbacks firing all the time
Fixed issue with mousewheel in Chrome
Minor fixes
Changelog
3.1.7 - Released on October 10th, 2015
undefined
-src imagesslideToClickedSlide
with loop
and centeredSlides
slidesPerView * slidesPerColumn
with slidesPerColumnFill: 'row'
Changelog
3.1.5 - Released on September 28th, 2015
srcset
with lazy loading using data-srcset
attributeWebkitCSSMatrix
slideToClickedSlide
with loop
and centeredSlides
freeModeMinimumVelocity
parameter to set minimum required touch velocity to trigger free mode momentumscrollbarDraggable
- (boolean) by default is false
. Allows to enable draggable scrollbarscrollbarSnapOnRelease
- (boolean) by default is false
. Control slider snap on scrollbar releaseChangelog
3.1.2 - Released on August 22nd, 2015
slidesPerView: 'auto'
and enabled loop:true
mode to set loopedSlides
to the amount of slides by default (if not specified)mousewheelSensitivity: 1
parameter allows to tweak mouse wheel sensitivityallowSwipeToNext
/allowSwipeToPrev
)centeredSlides
iOSEdgeSwipeDetection
(by default is false
) - enable ios edge detection and release Swiper eventsiOSEdgeSwipeThreshold
(default value is 20
) - area in px
from left edge of screen to release events