💻 GALERIA de IMAGENES con efecto lightbox HTML y CSS 

Hola excelente contenido oye sabes cómo arreglar el problema de si le doy click en la flecha de atrás del navegador en vez de que me envíe a mi ruta previa de url me envía la imagen con el ID ?

Yo no quiero tu curso, quiero la Plantilla, Dislike

Gracias María, también tenemos un curso de CSS GRID

ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-k9K_3kuyKaI.html

Qué bueno que te haya gustado! Saludos

@@AlexCGDesign saludos te sigo desde ECUADOR

tienes los codigos?

a mí igualllllllllllllll, encontraste como arreglarlo???

A ti Daniel, espero seguir viéndote en el canal, por eso activa la campanita:)

Colocales a todas un mismo height y widht

Me pasa lo mismo...

pudiste resolverlo me pasa los mismo ayudaa

Colocale al target del 'close' el id de la seccion donde esta alojada tu galeria

@@ohiwantyoutobelieve Funcionó. Muchas gracias!

Lograste solucionar ese problema? Yo tengo el mismo problema, me podrías ayudar porfavor 🙏

@@kevincampos3646 No amigo, busqué pero algunos decían que ya era meterle JS y no logré resolver el cómo. Tuve que utilizar galería de bootstrap porque mi página era de productos, entonces sí me causaba mucho conflicto al visualizar y al tratar de regresarme. Espero sí lo puedas resolver

Recomendaría más usarlo así con CSS y JS

Holaaa, no de hecho ahora es "gap" sin el grid primero, puedes ver este tutorial de grid actualizado: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-anteJI_ggVs.html

Claro!

@@AlexCGDesign claro. Ya pasaron 2 años y nada que subió los códigos

Bro con la etiqueta body le creas una clase en css, y le pones background del color que quieras y le pones que use esta clase en el body, asi , y en el css .miclase{ background:#color; }

Tienes código?, Yo también hizo todo pero no me aparece como tal eso

Lograste solucionarlo porque a mi me pasa lo mismo y no se que hacer :(

Juan y Samantha, aún siguen intentando y no les salió?.. los puedo ayudar. El Target es cuando un usuario hace click en una imagen en este caso y el navegador lo abre para eso se usa scale (1) para decirle que aparezca ya que el predeterminado es (0). Traten de hacer el paso a paso tal cual y saldrá!.. suerte!

@@artistadearte si, lo logre solucionar, solo que no me acuerdo como le hize.

@@juangomes7490 bueno, me alegro!! Saludos

@@juangomes7490 Amigo, te salió el proyecto? , a mí no me sale!

Me pasa igual. Pudiste solucionarlo?

Ese repeat(auto-fit, minmax(350px, 1fr) no hace nadaa

@@juaniera7597 me pasa igual, use otro vídeo porque este no me funcionaba 🤷

Por el #, te recomendaría darle un ID a tu sección y referenciarla con el #

No tuviste ningun problema por el min 25? Me ayudas??

yo lo solucioné cambiando el valor de max-height, en el vídeo aparece con 70vh y lo subí a 75vh .lightbox img{ width: 75vw; max-height: 75vh; }

Gracias por el aporte amiga:)

@@moisescruz1472 no sé si ya solucionaste el problema, a mí no me surgía la ventana de lightbox una vez le di el valor de escala 0, me desapareció y no volvió, así que repasé bien el código y había cometido el error en la llamada a las imágenes desde el lightbox, llamé a la imagen con id="imagen1" cuando realmente la imagen es < a href="#image1" y debería haberla llamado con id='image1', simplemente corregí el id, fue un despiste al teclear pero se solucionó. No sé si te pasó igual pero en cualquier caso tuve que repasar todo el código hasta el dolor, porque basta que te se te pase teclear un símbolo para que no funcione. Mira a ver si fue eso o algo similar.

Ojo, en el código yo lo llamé .lightbox pero en el vídeo lo llama .light-box, lo digo por si copias y pegas éste

Se vio?😂😂 Saludos Roberto, de internet

Si se vio jajaja, saludos!

Excelente tutorial 👍

lo encontre gracias, estava aqui cerquita.

Aquí tiene uno ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VQPz8DaZN0Y.html