slides_lea

1.2.2 • Public • Published

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
  1. Import the package in your project JS file
const SLIDES = require('slides_lea');
  1. 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]');

Package Sidebar

Install

npm i slides_lea

Weekly Downloads

2

Version

1.2.2

License

none

Unpacked Size

3.64 kB

Total Files

3

Last publish

Collaborators

  • leamoser