Lightbox Image Gallery (Intermediate Vanilla Javascript Project) — Part 1: HTML/CSS

Publié le: 15 avril 2021
sur la chaîne: Coding in Public
4,955
84

In this project, we create a pop-up image (usually called a Lightbox) when an image is clicked on your page with plain HTML, CSS, and Javascript. In this first part, we’ll focus on HTML/CSS.

You’ll learn how to:
Add custom data attributes
Set up a responsive grid layout for images
How to load small images and then load larger ones onClick
Change color of inline SVGs based on the currentColor
Add/remove pointer events
and more!

Comment with questions or suggestions.

Part 2:    • Lightbox Image Gallery (Intermediate Vanil...  


Sur cette page du site, vous pouvez voir la vidéo en ligne Lightbox Image Gallery (Intermediate Vanilla Javascript Project) — Part 1: HTML/CSS durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Coding in Public 15 avril 2021, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 4,955 fois et il a aimé 84 téléspectateurs. Bon visionnage!