Help with HTML please 😄

Question

It's been a while since I have asked a question like this on SL. I would like to know how to create a slider in web? Like a slideshow, or an image slider. Is there a way to do it with CSS? I'm not very good at JavaScript 😅 Any help is appreciated 😄
Thank you 😊

Answer 1

Yes, you can do it with only CSS, although it is not very common.

The trick is to make an infinite animation and play with the margins. In Codepen there is a great example of what I say:

https://codepen.io/daysahead/pen/mJqBge

Answer 2

@Mickel Thanks 😊

Answer 3

Step 1: Array of images
Step 2: Buttons for next and previous
Step 3: next() and previous()
Here is my hall of fame code.
https://code.sololearn.com/WyUb3qV9HD3a/?ref=app
This uses an image slider so you might use it :)

Answer 4

You can see this one. It uses only basic js.😊

https://code.sololearn.com/Wdhu3v833Iml/?ref=app

Answer 5

@Mickel nice! But that's just an animation. Image slider means there must be two buttons so that user could change image as per wish and so it requires js.

Answer 6

Yes, there's a way to make a slider with using just basic js and CSS, it doesn't require to be very good at js😉.

Answer 7

https://code.sololearn.com/W1tYSvBYRBYi/?ref=app