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();