No video

✔️ Cómo hacer una Lightbox EASY con HTML, CSS y JavaScript

  Рет қаралды 795

Manuel Sánchez WEB

Manuel Sánchez WEB

Күн бұрын

¡Hola a todos!
En este tutorial, te enseñaré cómo crear una lightbox (ventana emergente de luz) sin utilizar ninguna biblioteca de JavaScript. ¡Esto es ideal para aquellos que buscan una solución simple y ligera para mostrar imágenes o contenido adicional en su sitio web!
Empezaremos creando un enlace que abra la lightbox cuando se haga clic. Luego, agregaremos una ventana emergente y le daremos estilo con CSS. Finalmente, añadiremos la funcionalidad de JavaScript para mostrar y ocultar la lightbox de acuerdo a la acción del usuario.
¡Sigue este tutorial paso a paso y verás lo fácil que es crear una lightbox en vanilla JS! ¡No necesitarás ninguna biblioteca externa ni tendrás que preocuparte por cargar una gran cantidad de código adicional en tu sitio web. ¡Esta es una solución rápida y sencilla para añadir un poco de interacción a tu sitio!

Пікірлер: 5
@tomasdelcampomunoz5017
@tomasdelcampomunoz5017 Жыл бұрын
Me encanta
@joseantoniovaldez4030
@joseantoniovaldez4030 2 ай бұрын
Muy bueno pero lastima que los codigos se ve muy chiquito y casi nada
@manuelsanchezweb
@manuelsanchezweb 2 ай бұрын
Hola! Sí, lo siento, fueron los primeros vídeos del canal, era muy novatillo en aquellos tiempos!
@leoncreativo
@leoncreativo 8 ай бұрын
Hola todo chevere pero no dejaste el repositorio
@manuelsanchezweb
@manuelsanchezweb 7 ай бұрын
¡Buenas y disculpa por la tardanza! ¡Lo tienes por aquí! github.com/manuelsanchezweb/grid-lightbox. Eso sí, en lo personal, recomiendo mucho más utilizar esta librería: photoswipe.com/. Ocupa poquísimo y tiene un montón de adds que mi versión de hace dos años no tiene!
🗺️ CREA ESPECTACULAR SCROLLYTELLING CON MAPBOX
7:38
Manuel Sánchez WEB
Рет қаралды 489
English or Spanish 🤣
00:16
GL Show
Рет қаралды 7 МЛН
Люблю детей 💕💕💕🥰 #aminkavitaminka #aminokka #miminka #дети
00:24
Аминка Витаминка
Рет қаралды 470 М.
PEDRO PEDRO INSIDEOUT
00:10
MOOMOO STUDIO [무무 스튜디오]
Рет қаралды 18 МЛН
Magic trick 🪄😁
00:13
Andrey Grechka
Рет қаралды 55 МЛН
Crea una Galería con Efecto Lightbox Fácilmente con Materialize CSS
24:48
📷 Como crear una GALERIA LIGHTBOX con HTML CSS y JAVASCRIPT
38:02
HTML CSS Javascript E-commerce Website Tutorial for Beginners
1:44:59
Destaca como programador junior con estos CONSEJOS
12:48
Manuel Sánchez WEB
Рет қаралды 273
como HACER una GALERIA de IMAGENES en HTML y JAVASCRIPT 😱
12:23
Create Photography Portfolio Using HTML and CSS
1:11:28
itCode
Рет қаралды 15 М.
English or Spanish 🤣
00:16
GL Show
Рет қаралды 7 МЛН