Back to Browse

Autorotating Image Gallery with Thumbnail Images (Vanilla Javascript Project)

1.6K views
Mar 13, 2021
19:15

In this video, we create a responsive image gallery with thumbnail images from pure html, css, and Javascript. We’ll set it up so you can add or remove images and the functionality should stay the same. We’ll focus on the Javascript and will include the following: • Setting up event listeners on the thumbnails to update the active gallery image • Creating a setInterval that automatically advances the images • Turning node lists into arrays • Clearing the interval and resetting it on click Please like and subscribe if you’d like me to continue posting. Leave questions/comments below. Thanks!

Download

1 formats

Video Formats

360pmp426.2 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Autorotating Image Gallery with Thumbnail Images (Vanilla Javascript Project) | NatokHD