iDangero.us Swiper - Mobile Touch Slider And Framework With Hardware Accelerated Transitions

About

Swiper - is the free and ultra lightweight mobile touch slider with hardware accelerated transitions (where supported) and amazing native behavior. It is intended to use in mobile websites, mobile web apps, and mobile native apps. Designed mostly for iOS, but also works great on Android, Windows Phone 8 and modern Desktop browsers. Swiper is created by iDangero.us

Latest Stable Version

1.9.4

Released on May 23, 2013
Download on GitHub
View change log

Change log

Swiper 1.9.4 - Updated on May 23, 2013

Fixed Autoplay in non loop mode with slidesPerSlide more than 1
Ability to enable/disable callback queues to get more control over the callbacks
Minor Fixes

Swiper 1.9.3 - Updated on April 30, 2013

Few important fixes including IE8 improvements
Updated Scrollbar plugin to be compatible with IE8

Swiper 1.9.2 - Updated on April 19, 2013

New API features:
- New feature to enable 100% resitance with nopeek parameter
- New feature to disable "swiping" on some slide with additional NoSwiping element's class
- .activeSlide became .activeIndex
- .previousSlide became .previousIndex
IE9 fix for with in percents
Other minor fixes and improvements

Swiper 1.9.1 - Updated on April 6, 2013

New API features:
- New feature to disable short swipes with shortSwipes parameter
- New feature to add "start" threshold moveStartThreshold parameter
- New feature to use left/top wrapper position offset instead of use of css3 transforms useCSS3Transforms parameter
- New option to specify slide's element with slideElement parameter
Updates CSS file
Minor fixes and improvements

Swiper 1.9 - Updated on March 16, 2013

Added support for devices that can use both mouse and touch "pointers" at the same time, like many of Windows 8 tablets and notebooks
New API features:
- New feature to set "group sliding" with slidesPerGroup parameter
- Now you can hardcode resize event (for example "resize" instead of "orientationchange" for mobiles) with resizeEvent parameter
Fixes:
- Fixed situation when slider can get stuck between slides when tapped during transition
- Now clickedSlide will return correct slide in loop mode
Minor fixes

Swiper 1.8.8 - Updated on March 4, 2013

Improved cursors usablity with autmatic grab cursors for container and drag cursor for scrollbar
Improved mousewheel control for scroll container/free mode to have more native scrolling behavior
Snap functionality for scrollbar
Scrollbar plugin updated to version 1.2
Minor fixes

Swiper 1.8.7 - Updated on February 22, 2013

Fixed initialSlide/resize issue
New ability to use slides with fixed width in fluid container with a slidesPerSlide:'auto'
Pagination switch that appropriate to active slide index has additional "swiper-activeslide-switch"
Other minor fixes

Swiper 1.8.5 - Updated on February 5, 2013

New API features:
- New keyboard arrows navigation with "keyboardControl" option
- New mousewheel navigation with "mousewheelControl" option
Now it is possible to pass HTMLElement on initialization, not only css selector like before
Updated 3D Flow plugin
Updated Scrollbar plugin
Fixed small Android and IE8 bugs
Improved "scrollContainer" to be more responsive
Other minor core fixes

Swiper 1.8 - Updated on January 18, 2013

New huge and awesome Slides API
New API features:
- New initialization option "initialSlide"
- New methods: ".reInit()", ".currentSlide()", ".clickedSlide"
- New callbacks: "onSlideClick" and "onSlideTouch"
Updated 3D Flow plugin to work with new features
Lot of minor and few major core fixes

Swiper 1.7 - Updated on December 22, 2012

New API features
New amazing Plugins - Scrollbar and 3D Flow
Scroll Container Improvements
Reworked internal plugins API
Windows Phone 8 Support
Prevention of links clicks during the swiping
Support "padding" for container
Minor fixes

Swiper 1.6 - Updated on December 11, 2012

New Scroll Container mode to use like simple scrollable area!
New API features
Highly improved nested behavior to create multi dimensional apps
Fixed auto play in loop mode
Fixed initialization "delay" in loop mode
New internal plugins API (beta). It allows to create own Swiper plugins. More demos soon.
Improved Internet Explorer 8 support
Minor fixes

Swiper 1.5.5 - Updated on October 20, 2012

Internet Explorer 8 support (without animation)
FireFox (below version 11) support

Swiper 1.5 - Updated on October 6, 2012

A lot of major and minor fixes, core optimization
Now it works in Internet Explorer 9 (without animation) and Internet Explorer 10
Improved perfomance
New "loop" mode with infinite scroll (see demo below)
New carousel mode, now you can show few slides per slider container (see demo below)
New "smart" pagination, looks fun with loop and carousel modes
Now Swipers can be easily nested one into another (see demo below)
Added ability to disable automatic slider resize on windows resize
Updated CSS

Swiper 1.3 - Updated on April 2, 2012

New and Reworked callbacks:
- Added onSlideChangeStart callback
- Added onSlideReset callback
- onSlideChange is renamed to onSlideChangeEnd
Updated mySwiper.swipeTo() method:
- Now it accepts 3 parameters - index (number), speed (number) and runCallbacks (boolean)
- Now it will produce 'onSlideChangeStart' and 'onSlideChangeEnd' callback functions (if "runCallbacks" is not equal to "false")
New mySwiper.destroy() method to release all events assigned by Swiper
Fixed serious bug when using fluid (responsive) Swiper to re-calculate slides' position on window resize

Swiper 1.2 - Updated on March 31, 2012

Improved mouse events to get the same behavior as on touch devices

Swiper 1.1 - Updated on March 18, 2012

Added autoPlay parameter to enable auto play
mySwiper.startAutoPlay() - external function to start auto play
mySwiper.stopAutoPlay() - external function to stop auto play
Optimized for usage as a fallback for upcoming "iDangero.us S6" 3D slider
Added small plugin to use Swiper with Zepto.js

Swiper 1.0 - Initial release on March 15, 2012

Try it

Checkout more demos

Slide with HTML

You can put any HTML inside of slide with any layout, not only images, even another Swiper!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut consectetur tortor vitae neque luctus a tempor lacus pretium. Mauris eget ligula at justo molestie cursus. In vitae sem id neque pharetra luctus non vel felis.

Aliquam ut laoreet ligula. Quisque vehicula lectus nec orci viverra porttitor. Donec sodales lectus sit amet nunc congue ut mattis augue rhoncus.

Checkout more demos

Features

1:1 Touch movement By defaut Swiper provides 1:1 touch movement interraction, but this ration could be configured through Swiper settings.
Touch emulation This function will be useful if you are going to use Swiper on desktop sites. In this case Swiper will accept mouse events like touch events (click and drag to change slides)
Vertical/Horizontal Swiper comes with 2 main modes - horizontal (for horizontal animation and horizontal swipes) and vertical (for vertical animation and vertical swipes)
Free Mode When this mode enabled slides will not have fixed positions, like usual scroller (see demos bellow)
Rotation/resize adjustment Swiper will be reinitialized after rotation of device
Responsive Can be used with a width or/and height defined in percents, not fixed. Useful for usage on devices with a different resolutions
Scroll prevention Swiper will prevent vertical scroll when you touch it in "horizontal" mode, and horizontal scroll in "vertical" mode
Resistant bounds Swiper will increase resistance when you try to swipe it over than most left and most right positions (most top and most bottom for "vertical" mode)
Built-in pagination control Swiper powered with built-in pagination control and bullets creation. Just specify element with pagination and Swiper will do everything for you
Auto Play Just set the delay and Swiper will change the slides automatically untill you touch it.
Loop mode In this mode you will get infinite scrolling and first slides will repeat after last ones.
Carousel mode Swiper allows you to set numbers of slides you want to display at the same time on slider's container.
Scroll Container With this feature you may use Swiper like simple single scrollable area, without slides. Pretty useful for using in apps.
Nested Swipers You can insert one Swiper into slide of different Swiper, for example vertical into horizontal.
Any HTML You can put any HTML content inside of slide, not only images
Hardware accelerated Swiper uses hardware accelerated technics (where supported) to achive ultra smooth animation and perfomance, especially on iOS devices.
Rich API Swiper comes with very rich API. It allows to create your own pagination, "next" and "previous" buttons and comes with 4 callbacks - onTouchStart, onTouchMove, onTouchEnd, onSlideSwitch
Flexible configuration Swiper accepts a lot of parameters on initialization to make it much flexible as possible. You can configure animation speed, mode (vertical or horizontal), free mode, enable/disable pagination, touch ratio, etc.
Plugins API From 1.7 Swiper is powered with rich and simple plugins API that allows you to create your own plugins for Swiper or to create hooks fore Swiper's core actions.
Awesome compatibility Swiper compatible and tested with: Mobile Safari (tested on iOS5), Android 2.1+, Windows Phone 8, latest desktop versions of Google Chrome, Safari, Firefox, Internet Explorer 10 and Opera. It also works in Internet Explorer 8 & 9 but without animation.
Standalone Swiper doesn't require any JavaScript libraries like jQuery, it makes Swiper much more smaller and faster. So it can be safely used with such libraries as jQuery, jQuery Mobile, jQTouch, etc.
Ultra lightweight Only 6.5 KB minified and gzipped

With all these features you can build amazing touch interfaces and apps with awesome native behavior.

1 Year To Swiper - Win $100

Recent Plugins and Apps

3D Flow

App Store like 3D slider plugin that turns your great swiper slider (or app) into amazing realistic 3D gallery with dynamic shadows.

Learn more

Scrollbar

Add fully customizable eye-catching scrollbars to your Swiper slider (or app)

Learn more

Who use it?

If you use Swiper in your projects/apps or already created nice app, send us a link and your app will be featured in this section.

Download & Share

Download on GitHub

Buy Us A Beer

If you like Swiper you can always buy us a bottle of a nice beer so we can continue developement of such amazing product and to keep it free