Simple JavaScript Slideshow In 5 Minutes

Lets build a really simple image slideshow using just Javascript. We will not use any jQuery or fancy libraries, just plain old JavaScript. This is for absolute beginners

Code (fiddle):
Code (zip):

My Courses:

Donate - Any donation is greatly appreciated:

[leandrodossantos]

It's extremely nice of you to share all these videos for free on YouTube, thank you so much Brad! You took the time to put this good quality content out there. Not all the devs are assholes I see

[alishashipman]

Thank you! Just watched my teacher fumble through explaining this for an hour and a half. This channel has been a lifesaver.

[aldanamichelino]

I've searched all throughout the Internet and found all kind of complex codes and shit. This is simplest explanation ever! I loved it! Thank you.

[lazpz]

Came to this video to understand the functionality and in 5 seconds I got the answer to my problem. honestly Brad you're the best. Also fellow Mass native here hope one day we can grab lunch together in the city.

[bahaahalabi]

Really good tutorial, plain and simple love it 10/10

[joel]

This man has always been a livesaver through the years

[sebastiankhoete]

Traversy Media is simply the best! Thank you very.

[bebesluckyhuman]

Great quick tutoril. I am in the middle of learning JS and this was a perfect way to see the theory at work, thank you.

[TopDasher-db]

Breif, informative, perfect slideshow with the shortest and cleanest code imaginable

[casualgamers]

I'd like to have the next and previous button on my slides. Please have another 5 minutes video based on that. Thanks @Traversy Media.


You're literally my hero

[Calinotch]

Thank you, I needed a quick and easy javascript feature to add to my website assignment. This is my first time building a website.

[bennythetiger]

Great this is helping people to this day!

[flatbill]

I was trying to build slideshow looping through HTML elements. But this is so much easier letting JavaScript get the images! Thanks so much.

[olavictor]

I will rate this video 11/10
I have been on this for weeks!
God bless you bro.

[digiexploration]

I am getting into js and I am constantly bumping into the travesty videos. YOu are the best, guys!

[joshseipel]

This is the first img tut I've seen without a for loop! Nice!

[bcochannel]

Love your easy tutorial. Thank you and God bless you for sharing

[MrRedhawk]

Who can even dislike this video that person is crazy or something, Thank you for the knowledge !

[liam]

i dont usually comment on videos, although this was a very informative video that helped me with learning how to do it without just giving it to people (through your step by step guide). This enabled me to understand the code much better and helped me learn some things that i didn't know about such as understanding the arrays and loops.
Thank you so much :)

[ilyarostopka]

If you can, please make the one with a progress bar indicating when the next image shows up, would really appreciate it