Skip to content
Alex edited this page Nov 28, 2016 · 1 revision

Requires jQuery/Zepto

Full page slider for touch enabled devices. Currently supports WebKit devices only. Check out the demo.

Introduction

swiper.js takes a slider or a full page and allows it to be touch enabled. This is perfect for full-page slideshows on mobile devices, and utilizes CSS3 properties for a smooth swipe. The goal is a quick and smooth swiping experience on modern browsers. I took advantage of -webkit-transition and -webkit-transform: translate3d(x,0,0) to achieve this. Translate3d is graphically accelerated, which is why it is smoother than using absolute positioning and left/right properties.

Features

  • Smooth sliding transitions
  • Swipe detection on mobile devices
  • Moderate Size
  • Configurable animating settings
Clone this wiki locally