HTML, CSS & JavaScript - How to Create a Multi Item Image Carousel (w/ Tiny Slider) - AUTO VERSION

In this video, we'll show you how to create an automatic multi item image carousel with HTML, CSS, JavaScript and the tiny slider library.

Project images:

Tiny slider documentation links (highly recommended):

Sponsor me on GitHub!

Follow my blog:

[overlydedicated]

Hi. I followed your instructions and it works perfectly, but there is one thing I noticed that's different for me. I noticed that I can see the slide number above the images. Is there a property that I can use to make this invisible? Also, it doesn't start at slide 1, but instead starts at slide 5

[johngeronimo]

Is there an option to use img href instead of div for the background url? Nice tutorial by the way.

[maheswaris]

In this code when we use the next and previous button means in that time I click on next or previous means autoplay is stopped

[lyreneangellicuanan]

is it okay if i'll use div instead of section?

[danielroman]

My pictures won’t come up when I put them in the css but when I do it in the html they appear and I check everything is spelled right the pictures are in my images folder

[lyreneangellicuanan]

can i use .my-slider again for different carousel?

[bncr]

Hi! I want my carousel to never stop moving. For that reason, I established autoplayTimeout as false. It made my carousel to never stop moving, however, it doesn't flow correctly. Is there any other part of the code that i have to change? thank you! :)

[kauricebell]

This didn't work for me. The HMTL and CSS worked but the JavaScript only resulted in "Cannot read properties of undefined (reading 'length')" errors

[k.]

the css and html are working correctly but for some reason, my javascript isn't doing anything so I'm just stuck with long images that aren't moving

[lyreneangellicuanan]

its not working anymore. my javascript file is linked but it's not doing anything

[isaacr]

New subscriber here supporting you!! Do not get left behind = P r o m o S M!!