WebSVN – scratch – Blame – Rev 117 – /bower

  * **Custom build** available. Now you can create custom swiper build using the folowing modules: effects, lazy-load, scrollbar, controller, hashnav, history, keyboard, mousewheel, parallax, zoom, a11y. Using cli `gulp custom -zoom,effects,lazy-loading`

17

* New **zoom** functionality that enables double tap and pinch to zoom slide's inner image:

18

* Required slide layout for zoom:

19

```

20

<div class="swiper-slide">

21

<div class="swiper-zoom-container">

22

<img src="path/to/image">

</div>

</div>

```

* New zoom parameters:

27

* `zoom` - enable zoom functionality

28

* `zoomMax` - maximum image zoom multiplier, by default is `3`

29

* `zoomMin` - minimum image zoom multiplier, by default is `1`

30

* `zoomToggle` - enable/disable zoom-in by slide's double tap

31

* `zoomMax` can be also overridden for specific slide by using `data-swiper-zoom` attribute

32

  * New `swiper.enableTouchControl()` and `swiper.disableTouchControl()` methods to enable disable touch control (it toggles `onlyExternal` parameter)

33

  * New `swiper.realIndex` property in addition to `swiper.activeIndex` that returns index of active slide considering loop

34

* New **History API** with new `history` parameter. It uses history pushState to set active slide URL

35

  * New `hashnavWatchState` parameter to navigate through slides (when hashnav is enabled) by browser history or by setting directly hash on document location

36

  * New `replaceState` parameter that work in addition to hashnav or history to replace current url state with the new one instead of adding it to history

37

* New methods `s.unsetGrabCursor()` and `s.setGrabCursor()` to enable/disable grab cursor

38

* Draggable Scrollbar now works when `simulateTouch:false `

39

* New `normalizeSlideIndex` parameter to improve work of controller (see #1766)

40

* `lazyLoadingInPrevNextAmount` now works with `slidesPerView: 'auto'`

41

  * New `passiveListeners` parameter to use passive event listeners to improve scrolling performance on mobile devices. Enabled by default

42

* New `freeModeMomentumVelocityRatio` parameter to control moment velocity

43

  * Now it is possible to specify autoplay delay for every (or specific) slides by using `data-swiper-autoplay` attribute on them

44

* Lazy loading now also respects `sizes` responsive images attribute

45

* Improved mousewheel cross browser behavior (see #1797)

46

* New `mousewheelEventsTarged` parameter (by default 'container') where you can specify mousewheel events target

47

* New `onScroll` event/callback that triggers when swiping/scrolling happens with mousewheel

48

  * New `touchReleaseOnEdges` parameter to release touch events on slider edge position (beginning, end) and allow for further page scrolling

49

* Multirow (slidesPerColumn) support for vertical direction, which is in this case becomes multicolumn

50

  * `paginationBulletRender` now accepts `swiper` instance as a first argument, `paginationBulletRender(index, className)` -> `paginationBulletRender(swiper, index, className)`

51

  * New "swiper-slide-duplicate-active", "swiper-slide-duplicate-next", "swiper-slide-duplicate-prev" classes that will be added in loop mode to the slides representing duplicated looped slides

52

  * All css classes are now configurable via new parameters: lazyLoadingClass, notificationClass, containerModifierClass, paginationClickableClass, paginationModifierClass, lazyStatusLoadingClass, lazyStatusLoadedClass, lazyPreloaderClass, notificationClass, preloaderClass, zoomContainerClass, slideDuplicateActiveClass, slideDuplicateNextClass, slideDuplicatePrevClass

53

54

## Swiper 3.3.1 - Released on February 7, 2016

55

  * New `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 scrollbar

56

* New `onPaginationRendered` callback. Will be fired after pagination elements generated and added to DOM

57

  * New `.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

58

* New `.nextButton` and `.prevButton` properties with Dom7/jQuery element with next/prev button HTML element

59

* Fixed not working mousewheel control in IE 11

60

* Fixed issue with lazy loading images not being recalculated after window resize

61

* Fixed issues when using loop with breakpoints changing `slidesPerView/Group` parameters

62

* Numerous minor fixes

63

64

## Swiper 3.3.0 - Released on January 10, 2016

65

* New 3D Flip effect. Can be enabled with `effect: 'flip' parameter

66

* New types of pagination with new parameters:

67

* `paginationType` - type of pagination. Can be `'bullets'` (default) or `'fraction'` or `'progress'` or `'custom'`

68

    * `paginationFractionRender(swiper, currentClass, totalClass)` - custom function to render "fraction" type pagination

69

* `paginationProgressRender(swiper, progressbarClass)` - custom function to render "progress" type pagination

70

* `paginationCustomRender(swiper, current, total)` - custom function to render "custom" type pagination

71

* New `lazyLoadingInPrevNextAmount` parameter allows to lazy load images in specified amount of next/prev slides

72

  * New `autoplayStopOnLast` parameter (`true` by default) tells to autoplay should it stop on last slide or start from first slide

73

* New `onAutoplay(swiper)` callback

74

* Minor fixes

75

76

## Swiper 3.2.7 - Released on December 7, 2015

77

* Fixed issue with using HTMLElements for next/prevButton parameters with breakpoints

78

* Fixed issue with not working Auto Height when using Controller

79

80

## Swiper 3.2.6 - Released on November 28, 2015

81

* Fixed issue in RTL layout using `mousewheelControl`

82

* Fixed issue in RTL layout using Parallax

83

84

## Swiper 3.2.5 - Released on November 21, 2015

85

  * New "Auto Height" mode when container/wrapper adopts to the height of currently active slide. Can be enabled with `autoHeight: true` parameter

86

* Fixed issue with break points in FireFox

87

* Fixed issue with wrong slides position when using effects

88

* Fixed issue with none-updated scroll bar after using `setWrapperTranslate`

89

* Minor fixes

90

91

## Swiper 3.2.0 - Released on November 7, 2015

92

  * Added responsive breakpoints support using new `breakpoints` parameter. Now you can specify different `slidesPerView` and other similar parameters for different sizes:

```js

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`

113

* Added Meteor package `meteor add nolimits4web:swiper`

114

* Fixed issue with mouse touchMove/End callbacks firing all the time

115

* Fixed issue with mousewheel in Chrome

116

* Minor fixes

117

118

## Swiper 3.1.7 - Released on October 10, 2015

119

* Fixed issue with lazy loading trying to download `undefined`-src images

120

* Fixed lazy loading on slides using jQuery version

121

* Fixed issue with `slideToClickedSlide` with `loop` and `centeredSlides`

122

  * Fixed issue with wrong slides fill when number of slides less than `slidesPerView * slidesPerColumn` with `slidesPerColumnFill: 'row'`

123

* Minor fixes

124

125

## Swiper 3.1.5 - Released on September 28, 2015

126

* Added support for images `srcset` with lazy loading using `data-srcset` attribute

127

* Fixed new Chrome errors with `WebkitCSSMatrix`

128

* Fixed issue with `slideToClickedSlide` with `loop` and `centeredSlides`

129

* New `freeModeMinimumVelocity` parameter to set minimum required touch velocity to trigger free mode momentum

130

* Ability to make the Scrollbar draggable using new paramaters:

131

* `scrollbarDraggable` - (boolean) by default is `false`. Allows to enable draggable scrollbar

132

* `scrollbarSnapOnRelease` - (boolean) by default is `false`. Control slider snap on scrollbar release

133

* Minor fixes

134

135

## Swiper 3.1.2 - Released on August 22, 2015

136

* Fixed issues with loop and mousewheel when swiper stopped on last slide

137

* Imporved mouse wheel behavior in latest Chrome

138

  * Fixed issue with `slidesPerView: 'auto'` and enabled `loop:true` mode to set `loopedSlides` to the amount of slides by default (if not specified)

139

* New `mousewheelSensitivity: 1` parameter allows to tweak mouse wheel sensitivity

140

* Fixed issue with updating swiper when swiping is locked (with `allowSwipeToNext`/`allowSwipeToPrev`)

141

* Fixed issue with wrong calculating of "visible" slides with enabled `centeredSlides`

142

* CSS fixes for 3D effects

143

* New options to release Swiper events for swipe-to-go-back work in iOS UIWebView with two options:

144

* `iOSEdgeSwipeDetection` (by default is `false`) - enable ios edge detection and release Swiper events

145

* `iOSEdgeSwipeThreshold` (default value is `20`) - area in `px` from left edge of screen to release events

146

* Improved source maps

147

* Minor fixes

148

149

## Swiper 3.1.0 - Released on July 14, 2015

150

* Accessibility (a11y)

151

* Fixed issue with wrong buttons labels

152

* Added support for pagination bullets

153

* New accessibility parameter for pagination label `paginationBulletMessage: 'Go to slide {{index}}'`

154

* Controler

155

    * New parameter `controlBy` which can be 'slide' (by default) or 'container'. Defines a way how to control another slider: slide by slide or depending on all slides/container (like before)

156

* Now controllers in `controlBy: 'slide'` (default) mode will respect grid of each other

157

* Pagination

158

    * New `paginationElement` parameter defines which HTML tag will be use to represent single pagination bullet. By default it is `span`

159

  * New `roundLengths` parameter (by default is `false`) to round values of slides width and height to prevent blurry texts on usual resolution screens

160

  * New `slidesOffsetBefore: 0` and `slidesOffsetAfter: 0` (in px) parameters to add additional slide offset within a container

161

* Correct calculation for slides size when use CSS padding on `.swiper-container`

162

* Fixed issue with not working onResize handler when swipes are locked

163

* Fixed issue with "jumping" effect when you disable `onlyExternal` during touchmove

164

* Fixed issue when slider goes to previos slide from last slide after window resize

165

* Added new `swiper.jquery.umd.js` version for the environment where both Swiper and jQuery included as modules

166

* Minor fixes

167

168

## Swiper 3.0.8 - Released on June 14, 2015

169

* Fixed issue with wrong active index and callbacks in Fade effect

170

* New mousewheel parameters:

171

    * `mousewheelReleaseOnEdges` - will release mousewheel event and allow page scrolling when swiper is on edge positions (in the beginning or in the end)

172

* `mousewheelInvert` - option to invert mousewheel slides

173

* Fixed issue with lazy loading in next slides when `slidesPerView` > 1

174

* Fixed issue with resistance bounds when swiping is locked

175

* Fixed issue with wrong slides order in multi-row mode (when `slidesPerColumn` > 1)

176

* Fixed issue with not working keyboard control in RTL mode

177

* Fixed issue with nested fade-effect swipers

178

* Minor fixes

179

180

## Swiper 3.0.7 - Released on April 25, 2015

181

* New `width` and `height` parameters to force Swiper size, useful when it is hidden on intialization

182

  * Better support for "Scroll Container". So now Swiper can be used as a scroll container with one single "scrollable"/"swipeable" slide

183

* Added lazy loading for background images with `data-background` attribute on required elements

184

* New "Sticky Free Mode" (with `freeModeSticky` parameter) which will snap to slides positions in free mode

185

* Fixed issues with lazy loading

186

* Fixed slide removing when loop mode is enabled

187

* Fixed issues with Autoplay and Fade effect

188

* Minor fixes

189

190

## Swiper 3.0.6 - Released on March 27, 2015

191

* Fixed sometimes wrong slides position when using "Fade" effect

192

  * `.destroy(deleteInstance, cleanupStyles)` method now has second `cleanupStyles` argument, when passed - all custom styles will be removed from slides, wrapper and container. Useful if you need to destroy Swiper and to init again with new options or in different direction

193

* Minor fixes

194

195

## Swiper 3.0.5 - Released on March 21, 2015

196

  * New Keyboard accessibility module to provide foucsable navigation buttons and basic ARIA for screen readers with new parameters:

197

* `a11y: false` - enable accessibility

198

* `prevSlideMessage: 'Previous slide'` - message for screen readers for previous button

199

* `nextSlideMessage: 'Next slide'` - message for screen readers for next button

200

    * `firstSlideMessage: 'This is the first slide'` - message for screen readers for previous button when swiper is on first slide

201

    * `lastSlideMessage: 'This is the last slide'` - message for screen readers for next button when swiper is on last slide

202

  * New Emitter module. It allows to work with callbacks like with events, even adding them after initialization with new methods:

203

* `.on(event, handler)` - add event/callback

204

* `.off(event, handler)` - remove this event/callback

205

* `.once(event, handler)` - add event/callback that will be executed only once

206

* Plugins API is back. It allows to write custom Swiper plugins

207

* Better support for browser that don't support flexbox layout

208

  * New parameter `setWrapperSize` (be default it is `false`) to provide better compatibility with browser without flexbox support. Enabled this option and plugin will set width/height on swiper wrapper equal to total size of all slides

209

  * New `virtualTranslate` parameter. When it is enabled swiper will be operated as usual except it will not move. Useful when you may need to create custom slide transition

210

* Added support for multiple Pagination containers

211

* Fixed `onLazyImage...` callbacks

212

* Fixed issue with not accessible links inside of Slides on Android < 4.4

213

* Fixed pagination bullets behavior in loop mode with specified `slidesPerGroup`

214

* Fixed issues with clicks on IE 10+ touch devices

215

* Fixed issues with Coverflow support on IE 10+

216

* Hashnav now will update document hash after transition to prevent browsers UI lags, not in the beginning like before

217

  * Super basic support for IE 9 with swiper.jquery version. No animation and transitions, but basic stuff like switching slides/pagination/scrollbars works

218

219

220

## Swiper 3.0.4 - Released on March 6, 2015

221

* New Images Lazy Load component

222

    * With new parameters `lazyLoading`, `lazyLoadingInPrevNext`, `lazyLoadingOnTransitionStart` (all disabled by default)

223

* With new callbacks `onLazyImageLoad` and `onLazyImageReady`

224

* `updateOnImages` ready split into 2 parameters:

225

* `preloadImages` (by default is true) - to preload all images on swiper init

226

* `updateOnImages` (by default is true) - update swiper when all images loaded

227

* Fixed issues with touchmove on fouces form elements

228

* New `onObserverUpdate` callback function to be called after updates by ovserver

229

* Fixed issue with not working inputs with keyboard control for jQuery version

230

* New `paginationBulletRender` parameter that accepts function which allow custom pagination elements layout

231

* Hash Navigation will run callback dpending on `runCallbacksOnInit` parameter

232

* `watchVisibility` parameter renamed to `watchSlidesVisibility`

233

234

## Swiper 3.0.3 - Released on March 1, 2015

235

* Fixed issue with not firing onSlideChangeEnd callback after calling .slideTo with

236

runCallbacks=false

237

* Fixed values of isBeginning/isEnd when there is only one slide

238

* New `crossFade` option for fade effect

239

* Improved support for devices with both touch and mouse inputs, not yet on IE

240

* Fixed not correctly working mousewheel and keyobard control in swiper.jquery version

241

* New parallax module for transitions with parallax effects on internal elements

242

* Improved .update and .onResize methods

243

* Minor fixes

244

245

## Swiper 3.0.2 - Released on February 22, 2015

246

* Fixed issue with keyboard events not cleaned up with Swiper.destroy

247

* Encoded inline SVG images for IE support

248

* New callbacks

249

* onInit (swiper)

250

* onTouchMoveOpposite (swiper, e)

251

* Fixed free mode momentum in RTL layout

252

* `.update` method improved to fully cover what `onResize` do for full and correct update

253

* Exposed `swiper.touches` object with the following properties: `startX`, `startY`, `currentX`, `currentY`, `diff`

254

* New methods to remove slides

255

* `.removeSlide(index)` or `.removeSlide([indexes])` - to remove selected slides

256

* `.removeAllSlides()` - to remove all slides

257

258

## Swiper 3.0.1 - Released on February 13, 2015

259

* Fixed issue with navigation buttons in Firefox in loop mode

260

* Fixed issue with image dragging in IE 10+

261

262

## Swiper 3.0.0 - Released on February 11, 2015

263

* Initial release of all new Swiper 3

264

* Removed features

265

* Dropped support for old browsers. Now it is compatible with:

266

* iOS 7+

267

* Android 4+ (multirow mode only for Android 4.4+)

268

* Latest Chrome, Safari, Firefox and Opera desktop browsers

269

* WP 8+, IE 10+ (3D effects may not work correctly on IE because of wrong nested 3D transform support)

270

* Scroll Container. Removed in favor of pure CSS `overflow: auto` with `-webkit-overflow-scrolling: touch`

271

* New features

272

* Swiper now uses modern flexbox layout, which by itself give more features and advantages

273

    * Such Swiper 2.x plugins as Hash Navigation, Smooth Progress, 3D Flow and Scrollbar are now incoroporated into Swiper 3.x core

274

* Full RTL support

275

* Built-in navigation buttons/arrows

276

* Controller. Now one Swiper could be controlled (or control itself) by another Swiper

277

* Multi row slides layout with `slidesPerColumn` option

278

    * Better support for nested Swipers, now it is possible to use same-direction nested Swipers, like horizontal in horizontal

279

* Space between slides

280

* New transition effects: 3D Coverflow, 3D Cube and Fade transitions

281

* Slides are `border-box` now, so it is possible to use borders and paddings directly on slides

282

    * Auto layout mode (`slidesPerView: 'auto'`) now gives more freedom, you can even specify slides sizes in % and use margins on them

283

* Mutation Observers. If enabled, Swiper will watch for changes in Dom and update its layout automatically

284

* Better clicks prevention during swiping

285

* Many of API methods, parameters and callbacks are changed

286

* Added a bit lightweight jQuery/Zepto version of Swiper that can be used if you use jQuery/Zepto in your project

287

288

scratch – Blame information for rev 117