Lory logo

FWIW, this vanilla slider is superseded by and obsolete for Splide which is also vanilla.

Lory is a touch enabled minimalistic slider written in vanilla JavaScript.

Requirements

  • Lory library:
    • Download Lory archive from https://github.com/meandmax/lory
    • Extract it as is, rename "lory-master" to "lory", so the assets are at:
      /libraries/lory/dist/lory.min.js
  • Blazy (2.x-rc7+),
    to reduce DRY stuffs, and as a bonus, advanced lazyloading such as delay lazyloading for below-fold sliders, iframe, (fullscreen) CSS background lazyloading, breakpoint dependent multi-serving images, lazyload ahead for smoother UX.

Optional Requirements

Installation

Features

  • Touch enabled minimalistic slider written in vanilla JavaScript
  • Hardware accelerated transitions
  • Options for custom easing effects
  • Infinite looping ~ carousel
  • Skins for custom advanced styling.
  • Modular and easily extensible features: asnavfor, autoplay, centermode, dots, etc.
  • A few simple CSS3 extensible transitions: fade, Ken Burns, Slicebox 3d -- converted into vanilla JS, uses Web Animations API, with rAF support. None of features and transitions is loaded unless configured so.
  • A few Blazy goodness for free: lazy load, lightbox and multimedia integration.

Known Issues

Lory is only useful for pretty simple slideshow/ carousel needs when size matters. You have to do your own custom needs for those which are not given by default as the author refuses to bake more features in. If you need a more robust solution OOTB, check out Slick.

Project information

Releases