Lory
Categories
Component ID
2841533
Component name
Lory
Component type
module
Maintenance status
Development status
Component security advisory coverage
not-covered
Component created
Component changed
Component body
Lory is a touch enabled minimalistic slider written in vanilla JavaScript.
Read more Demo
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.
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,
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
- If you need to support old browsers (IE9), include requestAnimationFrame polyfill into your own custom libraries from any below:
- https://www.paulirish.com/2011/requestanimationframe-for-smart-animating/
- https://gist.github.com/paulirish/1579671
Note: IE10+ supports rAF, no need to include it.
Read more to decide if it is worth to support old IE:
Support for older versions of Internet Explorer ended - Specific to arrowDown feature, it is only enabled if jumper.module exists.
Installation
- Install the module as usual:
Visit admin/modules, and enable the Lory module. - More info can be found on:
http://drupal.org/documentation/install/modules-themes/modules-7
Known Issues
Lory is only useful 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.