Javascript

Glide - The Lightweight and Feature-Packed Responsive Slider

Written by Kevin Liew on 12 Nov 2013
12,427 Views • Shares
0 comments

Slider is something really common in web design. It's a great UI element to display multiple large images, here we have another great slider called Glide. With its lightweight, responsive, mobile platform support and callback functions, I'm sure this slider will become popular!

This ultra lightweight Slider utilizes CSS3 transition for modern browsers, and it will fallback to Javascript animation if legacy browser was used. Also, Glide is packed with responsive and mobile platform supports too. Great news for developer too, it has a list of callback functions:

  • .play() - Starting autoplay
  • .pause() - Stopping autoplay
  • .next(callback) - Slide one forward
  • .prev(callback) - Slide one backward
  • .jump(distance, callback) - Jump to current slide
  • .current() - Returning current slide number
  • .nav(target) - Append navigation to specifed target (eq. 'body', '.class', '#id')
  • .arrows(target) - Append arrows to specifed target (eq. 'body', '.class', '#id')

Features

  • Lightweight ~4,5kB minifed
  • Ultra fast CSS3 Transitions
  • Responsive
  • Touch & mobile friendly
  • Public API with callbacks
  • OOCSS & BEM
  • Swipe event
  • Arrows and bullets navigation
  • Keyboard navigation
  • Autoplay
  • Pause on hover
  • and more ...

SPECIFICATIONS & DOWNLOAD

Join the discussion

Comments will be moderated and rel="nofollow" will be added to all links. You can wrap your coding with [code][/code] to make use of built-in syntax highlighter.