Build A Javascript Gallery & Lightbox from Scratch | Quick Tutorial

Learn how to build a gallery with a lightbox to display and scroll between different images with HTML, CSS and Javascript. Make the design elegant and responsive on all screen sizes. Add smooth opening and closing animations and more...

Get The Source Code From All Of My Videos:
https://www.buymeacoffee.com/webcode/membership

Project Dependencies:
-----------------
Font Awesome:
https://fontawesome.com
-----------------

Useful links for this project:
-----------------
Javascript Destrcturing
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment
Javascript index of method
https://www.w3schools.com/jsref/jsref_indexof_array.asp
-------------------

Don't hesitate to ask for help if you face any trouble re-creating a project from any of my videos. I will gladly help :)

All of my project are made from scratch by yours truly. I don't take anyone's code as my own, but I do often see my code being copied and pasted into other channels for their tutorials, so of you see an exact copy of a project on another tutorial, just know that the one on my channel is the original one.
-----------------
Timestamps

0:00 Intro
0:10 Preview
0:54 HTML
2:35 CSS
5:12 Javascript
-----------------

Extra Links:
-----------------
Follow me on Instagram:
https://www.instagram.com/quickcodingtuts/

My Products:
https://www.buymeacoffee.com/webcode/extras

Support Me To Keep Creating And Improving My Content:
https://www.buymeacoffee.com/webcode/membership

Tags:
-----------------
#gallery
#javascript
#imageslider

javascript image slider gallery lightbox
responsive html css js gallery design