@xmanu91/slidesjs v1.0.8

SlidesJS

SlidesJS is open source library for create slides (presentations) with HTML/CSS/JS.

Installation

Install slidesJS with npm

  npm install @xmanu91/slidesjs

or with cdn import

  <script type="module" src="https://cdn.jsdelivr.net/npm/@xmanu91/slidesjs@1/lib/v1/slidesjs.min.js"></script>

Usage/Examples

Create a div for container and insert your slides with section tag

    <div class="app">
        <section>test</section>
        <section>test 2</section>
        <section>test 3</section>
    </div>

In your js, create an instance of SlidesJS and put in parameters the selecotr of the container and the parameters of the presentation in an Object

    const slides = new SlidesJS(".app", {
        nextKeys: ["Space", "ArrowRight", "ArrowUp"],
        previousKeys: ["ArrowLeft", "ArrowDown"],
        effect: {next: 'slide-out-left', previous: 'slide-out-right'},
        transition: 0.5
    });

You can view the list of parameters in the documentation (soon).

And you can view exemples at exemples