How To Build A Simple Javascript Image Slider | No Libraries

A simple tutorial on how to make a full screen image slider from scratch, using only HTML, CSS & Javascript. No Jquery, or any other libraries will be used for this project. See just how simple it is to create an image slider using vanilla Javascript.

Get The Source Code From All Of My Videos:

Font Awesome: Icons:

Images Used:

Don't hesitate to ask for help if you face any trouble re-creating a project from any of my videos. I will gladly help :)

All of my project are made from scratch by yours truly. I don't take anyone's code as my own, but I do often see my code being copied and pasted into other channels for their tutorials, so of you see an exact copy of a project on another tutorial, just know that the one on my channel is the original one.

Extra Links:
-----------------

Follow me on Instagram:

My Products:

Support Me To Keep Creating And Improving My Content:

Tags:
-----------------
#javascript
#imageslider
#code

full screen responsive image slider
javascript image carousel
javascript animated image slider design from scratch

[winnieotieno]

`url (img/${images[i]}) ` is this the right path my images are not changing
let i = 0;
const images = [
'bg1.jpeg', 'bg2.jpeg'
]
function createSlide(i){
// ./img-1.jpeg ./bg1.jpeg "./img/bg1.jpeg"

slider.style.backgroundImage = `url(img/${images[i]})`;

// add image fade animation

}