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

In this video, we'll show you how to create a 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:

[miscellaneouscell]

Thank you so much for uploading these videos. I used the same images, but saved them to my local folder named images. I used the ../ notation for the full path. CSS Example:

background-image: url(../images/img-1.jpg);

[Artur.]

my tiny-slider is not working, i copied everything like in the video or on the websites in the description... nothing works, it's important to me to make it work

[АлександрБелоус-ии]

It is very perfect video, thanks !!!!

[akatsukistelyos]

it is possible to make that the carousel can auto scroll and scroll with the buttons?

[chasemartinez]

Is there a way to do this, by injecting dynamic html images via <img class="slide-img" src="a-page-url"> instead of a <div class="slide-img img-1">
I'm trying to run a loop that outputs several images saved in JSON format

[Reyure]

May i ask how do u atoumatically see the output in the site as u type the codes? i have been meaning to do that but do not know how to it

[remixowlz]

Thank you so much for the tutorial! It works really well for me

[jelenajovanovic]

JS part is not working for me. Console shows error: Uncaught ReferenceError: tns is not defined.
Please, could you tell me why?
I'm following your code, but doesn't work.

[overlydedicated]

For me, the slider number is displaying (it will say something like "slide 2 of 20"). How do I get rid of this?

[ashleymejia]

what if my JS didnt work?? i made sure to use all of the links. How do i debug it??

[johngeronimo]

What if the data was added dynamically like example was placed in an array or objects? How can we managed it using Tiny Slider js.? I hope you tackle this one, this is a big help.

[wenzeln.]

Is it possible to add something like auto scroll?

[Vyylandra]

Doesnt work for me. It shows no images, and below the "Top rated cities" line, it shows "slide 9 to 11 of 5".

[iamhugochagas]

My code works without the extra div between divs with classes my-slider and slide.

[emarekica]

Guys, make sure you copied the right links and pasted in the right tags for tiny slider. It was a bug that prevented my code from working.