HTML, CSS and JavaScript responsive image slider

Responsive image slide with autoplay function

How to set width and height accordig to your project/website

Edit in slider.css file..

.slider{ max-width: 550px; max-height: 350px; }

in (.slider) selector set max-width OR max-height as you want

How to set slider autoplay off and on OR slider speed

Edit in slider.js file..

const auto = true;

const interval = 5000;

if you want to turn off autoplay then set auto to false

set interval value up OR down to controll slider speed