In this article, you will learn how to create an automatic image slider using only HTML and CSS. Earlier I shared with you many more types of manua...
For further actions, you may consider blocking this person and/or reporting abuse
Hi, @shantanu_jana ! I followed it down to a T, copied and pasted as I went through the steps, even downloaded the code and pasted the whole thing, but it keeps getting me the same result -- the images are all stacked up beside each other on the first slide, and the succeeding slides blank. Help!
Update:
Pasting the whole downloaded code onto Visual Studio Code, it works. But not on codepen.io.
codepen.io/fghty/pen/VwWPRwX
Same with me
Awesome
Doesn't work with mozilla or opera or anything else but chrome
is there a way to change the size of the slideshow?
It's very simple,
.container{
width: 85vmin; / * Add your preferred size here * /
position: absolute;
transform: translate (-50%, - 50%);
top: 50%;
left: 50%;
overflow: hidden;
border: 10px solid #ffffff;
border-radius: 8px;
box-shadow: 10px 25px 30px rgba (0,0,0,0.3);
}
how about enlarging the images inside of the slideshow
Very Nice!!!
Why, when adding more than 4 images, does the slider not show the allowed 5th and 6th images, but immediately resets itself to the first image?
My pictures getting half/ Help me pls
jsfiddle.net/Kayrat/2jecmdos/264/
Done👍 link: jsfiddle.net/z48yag3j/