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

Publicado el: 15 abril 2021
en el canal de: 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...  


En esta página del sitio puede ver el video en línea Lightbox Image Gallery (Intermediate Vanilla Javascript Project) — Part 1: HTML/CSS de Duración hora minuto segunda en buena calidad , que subió el usuario Coding in Public 15 abril 2021, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 4,955 veces y le gustó 84 a los espectadores. Disfruta viendo!