Image slideshow

Responsive canvas image slideshow compatible with any JS framework.

Features

• Resizes canvas to parent div width;
• Slide change at set interval;
• Smooth slide change with mouse/touch input;
• Chnage to desired slide with custom buttons.

Usage

<div>
    <canvas id='slideshow_canvas'/>
</div>

import ImageSlideshow from 'image_slideshow'

let image_slideshow = new ImageSlideshow()
image_slideshow.init(document.getElementById("slideshow_canvas"), 10/16, 10)//image slideshow canvas, height to width ratio of canvas, slide change interval in seconds

let images = []
//load images and pass them to slideshow (HTMLImageElement)
image_slideshow.setSlides(images)