Pure CSS Image Slider  Using Only HTML & CSS

Pure CSS Image Slider Using Only HTML & CSS

Deltaty Code

4 года назад

165,406 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Harika Adam
Harika Adam - 20.09.2023 01:34

Is it just me or this shit not working
Please help😢

Ответить
Wajid Ali
Wajid Ali - 09.09.2023 06:53

I am pakistani
Thanks brother
😍😍😍

Ответить
Jack Blacks
Jack Blacks - 29.08.2023 16:37

How do we make it slide automatically please?

Ответить
Reubert Palabrica
Reubert Palabrica - 28.08.2023 19:26

I know you might not see this comment but may I ask what were the resolutions of the images you used in the video?

Ответить
Jashanpreet Singh
Jashanpreet Singh - 22.08.2023 18:18

very helpful.. was struck here for an hour
thankuuuuuu so much

Ответить
Dinesh Varma Productions
Dinesh Varma Productions - 01.07.2023 14:49

Mat kar bhai aesa muh se bolna seekh

Ответить
E H O Y
E H O Y - 13.04.2023 16:27

TYSM

Ответить
Zaheer Kundgol
Zaheer Kundgol - 08.04.2023 16:55

please, tell me how to keep the color of white when the user has pressed a radio?

Ответить
نافذة الابداع
نافذة الابداع - 22.03.2023 01:06

Akhuya bayna fik maghribi 🌝

Ответить
tony tony
tony tony - 14.03.2023 22:36

A WASTE OF TIME, this does not work, all 4 images are showing

Ответить
HH
HH - 24.02.2023 20:49

I don't know how to put all of this into a container because it all gets messed up. Any help?

Ответить
Mudassir Shaikh
Mudassir Shaikh - 04.02.2023 23:09

thanks Sir

Ответить
Liam Aiken
Liam Aiken - 30.01.2023 12:25

helpful but, something not understanding

Ответить
CS
CS - 21.01.2023 15:22

Does this translate well onto smaller devices like phones?

Ответить
Mr.sakthi official
Mr.sakthi official - 22.12.2022 06:03

Bro one help auto mattic silder scroll transmission I can be use its is passible bro

Ответить
Tony 2468
Tony 2468 - 19.12.2022 20:38

hi, nice tutorial, but i cant see my images, they are "under" all on website, how can i fix it?

Ответить
him prit tigga
him prit tigga - 14.12.2022 14:15

So very Helpful....!!! I was searching for how to use sliders in html, in vs code...and i found this- Simple and Best.... 👍😊

Ответить
Vinay Patil
Vinay Patil - 20.11.2022 07:33

my first image is aligned properly but other 3 are too much stretched why??

Ответить
Smiley
Smiley - 22.10.2022 15:05

How to center the whole slider?

Ответить
Ale Barragan
Ale Barragan - 19.10.2022 07:47

Thanks! Me quedo genial! <3

Ответить
Jakub Gabzdyl
Jakub Gabzdyl - 23.09.2022 15:25

Hey bro, i got a problem, i have 4 pictures like u and the second one is placed on the first one, there are just 2 images on one slide, on second slide there are three images and theres part of them cut, idk what to do, any tips? i copied the code from u too to see, if its only my mistake in code or something but it does the same.

Ответить
EboStories
EboStories - 19.09.2022 17:55

Loved it! Just started learning HTML+CSS and couldn't find any easy to follow tutorials <3

Ответить
Sabastine Ogbuji
Sabastine Ogbuji - 19.08.2022 21:08

i downloaded your file from the link in the description and i have linked them all properly but there is an issue. The image seven at 100% width don't contain the full space of the images div. Pleas confirm for by yourself and reply me. i really like your videos.

Ответить
Thomas Alexandre
Thomas Alexandre - 14.08.2022 06:50

Hello what theme do you use please ?

Ответить
Uday Prakash Harsh
Uday Prakash Harsh - 15.07.2022 06:56

Great tutorial!
appreciate you sharing files too :yougotthid;

Ответить
StefanWebDeV
StefanWebDeV - 01.06.2022 23:38

How did you made that rgb (25,12,41) color ? It was not appearing at me ....

Ответить
enji
enji - 27.05.2022 17:01

i need help, i used 8 images with 16:9 sizes and whenever i try to hover it in the middle the others are not sliding

Ответить
ANUSHA M
ANUSHA M - 16.05.2022 12:47

thank you so much....without u i never complete my task

Ответить
Jyoti Jadhav
Jyoti Jadhav - 21.04.2022 20:47

Thank u so much yar 🤗it was very helpful 🙌

Ответить
iamj
iamj - 21.04.2022 16:34

I am learning so..What is ..checked ~ m1,i don't know, can you explain me?

Ответить
Reulacto
Reulacto - 14.04.2022 17:14

your code isn't working !! with other images !!
if you are free please reply to my comment.

Ответить
Aaditya Raj Pandey
Aaditya Raj Pandey - 07.04.2022 16:18

what was the dimensions of your images

Ответить
Daniel Roman
Daniel Roman - 27.03.2022 05:16

My dots don’t come up in the center any tips?

Ответить
Louis Simmons
Louis Simmons - 03.03.2022 00:07

Thank you for this video I had a problem with my images not loading from local system. I noticed you had your images saved in the same folder as your project, when I moved mine to the project folder they worked.

Ответить
Lynx Lecher
Lynx Lecher - 01.12.2021 02:49

This doesn't work either. All I want is a simple left and right gallery and all I find is these sliders that don't work.

Ответить
Samuel Oliver
Samuel Oliver - 20.10.2021 18:22

Why the picture is gone after following all the steps

Ответить
Z Gallerie Facts and Videos
Z Gallerie Facts and Videos - 26.09.2021 05:44

Your videos is good kindly also guide every tag , why you use

Ответить
Joe Gelman
Joe Gelman - 10.09.2021 06:52

How would you make the circle that's clicked be filled in?

Ответить
Ganesan.R
Ganesan.R - 04.09.2021 21:43

why the tilde ~ 👈 what it does or why it is used .

Ответить
Futur Digital
Futur Digital - 02.09.2021 13:35

Très intéressant, bravo Mohamed merci pour le tuto ! 💪🏻

Ответить
Hanane La
Hanane La - 29.08.2021 19:37

جميل لكن الكود ماعم ينضبط

Ответить
Mark
Mark - 02.08.2021 15:22

Hi can you help me? I did this and everything works except my images in the slider overlap eachother and when they move part of them move too far to fit in the slider or not far enough so you can see part of one image and part of another. I did everything exactly the same as you except I used 6 images and not for. Could you tell me what I need to change in the code so these six images slide perfectly into the slider showing only one image?

Ответить
Soumya Nandan
Soumya Nandan - 14.07.2021 15:32

Thank you so much, but I have a question


My photos are in potrait mode so can you show me the code of some potrait photos slider

Thanks btw

Ответить
Telmo Costa
Telmo Costa - 27.05.2021 19:50

Great job, its just awesome what u can do with only html/css!!! I have 20 images, so i wanted to make it slide 4 images each time, im trying since yesterday to figure it out, but i cant manage how to do it, can u give me some help?

Ответить
Bhavna Nagar
Bhavna Nagar - 09.04.2021 15:11

Very helpful, have seen so many tutorials but this one was very simple and elegant, thank you soo much

Ответить
ledompteurdemoule
ledompteurdemoule - 06.04.2021 11:44

Nice 😍

Ответить
ΑΝΤΩΝΙΟΣ ΜΥΛΩΝΑΣ
ΑΝΤΩΝΙΟΣ ΜΥΛΩΝΑΣ - 01.04.2021 17:44

photos must be in same size:

Ответить
Caio Lins
Caio Lins - 25.02.2021 16:28

muito obrigado amigo, saudações brasileiras!

Ответить