slides_lea v1.2.2

Slides Lea

Disclaimer: This package is a not (yet) well tested beta version. If xou have feedback or orther inputs, don't hesitate to contact me.

This is a very small package with which you can create a simple Slide-Effect on your Website, similar to this preview. https://www.lea-moser.ch/slides_lea

Install Package

1. Install the package via your terminal

npm i slides_lea

2. Import the package in your project JS file

const SLIDES = require('slides_lea');

3. To check if it is installed properly run

SLIDES.check();

If everything work's fine, you should see further instructions in your browser-console.

Requirements HTML & CSS

For a good unterstanding of how this package is supposed to work, check out the source code of the example on GitHub.

HTML

• The elements you want to apply the effect on should be placed directly into the body or a main container with a height of auto.

CSS

• The elements you want to apply the effect on should all at least have a height of 100vh.
• The elements have to be positioned absolute.

Create Effect

Run the following command and pass the correct items into the function.

SLIDES.init('[selector of your elements]');

Links

• Example: www.lea-moser.ch/slides_lea
• Source Code Example: https://github.com/leamoser/slides_lea
• Contact for Feedback: privat@lea-moser.ch
• My Website: www.lea-moser.ch