Auto Image Slideshow | HTML & CSS Tutorial | With Source Code

thank you so much

What is the image ratio

can i get the code for automatic slide show?

Nycc

Thank u I tried this and it works

It was great, thank you! I tried it with 3 images by adding a few changes and it worked pretty well!

Excellent job 👏🏼 👍🏻 👌🏻 🙌

❤

when I do overflow hidden my other image does not dissapear

how to put more than 4 images?? please help me

if i set
img{
width: 100%;
}
Then the images comes side by side.
Need Help

thank u

Awesome guide, please make more short video guides with HTML and CSS !

This is so great ❤❤❤.
Please I'm working with up to 8 images but it only affects the first 4, any help

can this work for more than 4 images?

Hi! I tried it and it works, I can confirm it's responsive

However I made some changes because I'm only using 3 images and I also wanted it to go back to the first image smoothly. I'll leave the code right here for someone who needs it! :) (sorry for my bad english)

0%{
transform: translateX(0);
}
25%{
transform: translateX(0);
}
35%{
transform: translateX(-100%);
}
45%{
transform: translateX(-100%);
}
55%{
transform: translateX(-200%);
}
75%{
transform: translateX(-200%);
}
85%{
transform: translateX(-100%);
}
90%{
transform: translateX(-100%);
}
100%{
transform: translateX(0);
}

Thanks......❣❣

Thank you

what if i want only 3 images to slide? i removed the 4th image, but the slide is displaying it blank.. how do i fix this? anyone?

Tq

@keyframes slide {
0% {
transform: translateX(0);
}
25% {
transform: translateX(0);
}
30% {
transform: translateX(-100%);
}
50% {
transform: translateX(-100%);
}
55% {
transform: translateX(-200%);
}
75% {
transform: translateX(-200%);
}
80% {
transform: translateX(-300%);
}
100% {
transform: translateX(-300%);
}
}

great :)

overflow: hidden, its not working, what can i do?

great video

Is this responsive?

Gr8 👍👌 it's working

Please my overflow: hidden; isn't working😩

its not sliding backwards after reaching the last img. what can i do about it ?

Can I change the poethtion?

I want to put a slide form of carousel and other reposetory...

Mitali enter Sololearn throw off your profile picture for the project

Plz sister make video about the planning process before starting a project(eg:sketching website design in notebook or ps etc... Like that)

Suggestion: could you please teach how to create a responsive Slider with text, with autoplay (but with controls too)? Thanks

Amazing Programmer thanks for this video

Amazing

Please Online Chat App Creat Source Code Video Please

Nice

First viewer😎

Tnx Bro 🔥🔥