Documentation

Setup

Installation

Install the package from NPM...

npm i @bobk810i/islide-library

... or include files from CDN

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@bobk810i/islide-library@/iSlide/iSlide-style.css"/>

<script src="https://cdn.jsdelivr.net/npm/@bobk810i/islide-library@/iSlide/iSlide-script.js"></script>

Website elements

Create a div at the beginning of the body section with a specyfied class or id:

<div id="iSlide"></div>

Add points to the menu by adding data-islide-name="< name >" property to the html elements:

<section id="section_1" data-islide-name="menuElement1">
<!-- Section content -->
</section>

<section id="section_2" data-islide-name="menuElement2">
<!-- Section content -->
</section>

Specify the menu Options.

const menu = new iSlide("#iSlide", options);
menu.mount();

Mounting

Initialize and mount iSlide object:

const menu = new iSlide("#iSlide", options);
menu.mount();