7. Curso: Sitio web desde cero - Diseñando Galeria y modal con javascript

Síguenos en facebook: / jygproyectosweb
Únete a nuestro grupo: / 212619492442077
Síguenos en Twitter:
/ jygproyectosweb
Apóyanos con un me gusta y compartiendo este video, muchas gracias a todos :)

[@eduardochavezguzman2673]

Que hubiera sido de mi sin este buen hombre :") .Gracias , Donde estés c":

[@samuelmoralescampos7304]

Excelente contenido el de J&G Proyectos y su manera de explicar es ESPECTACULAR, enseña mucho y se preocupa porque lo entendamos.

[@rlozano715]

sin duda este canal vale oro. saludos y espero pronto el próximo vídeo.

[@edwinalbert4210]

gracias por tus enseñanzas de web amigo excelente video 7 espero que te recuperes pronto.Bendiciones desde el Salvador.

[@MrCarlospana]

Que Dios te bendiga Jean Carlo por tu tiempo y tus enseñanzas créeme que he aprendido mucho con tus vídeos gracias brother

[@LuisHerrera-us2gp]

Hola un saludo desde México, de verdad eres un maestro, humildad al 100%, busque por todo you tube esta clase de tutoriales y solo tu los haces, millón de gracias! espero te encuentres de maravilla, mis mejores deseos para este 2019 y que sigas ayudandonos, como dices me ayudaria mucho en mi proyecto si adicionaras una manera de ir pasando las imagenes con flechas hacia derecha-izquierda y en lugar de la x que se quitara el modal al darle click en cualquier lugar de la pantalla, estaria genial, tambien si nos explicaras como hacerlo en una unipagina, ojala tambien adicionaras un efecto parallax y skew, disculpa tanta lata pero creo que solo tu puedes explicarlo de manera correcta, nuevamente gracias y felicidades mil, aca en México hay una palabra para lo mejor de lo mejor y es "chingon" espero no ofenderte, eres lo mejor (el mas chigon!).

[@virocumi]

Excelente mi amigo, siempre te sigo por tu canal y no sabes cuanto he aprendido con estos videos.. gracias

[@Elentari357]

Mil mil gracias una vez mas aprendiendo y todo queda tal cual lo indicas. Muy agradecida!

[@yadirperdomo3170]

excelente ..gracias por compartir estos videos

[@fariasl]

Como siempre excelente Prof Juan Carlos.. esperamos por el siguiente vídeo de esta serie. Saludos desde Venezuela

[@kalanzans]

Sensacional! Gratitud por su brillante trabajo! Saludos desde Brasil! :^)

[@geimy_fajardo_ferrer]

Por mas videos como este, haciendo una web desde cero.

[@franzcristianpatziramirez2523]

Gracias por subir el vídeo debo presentar mi pagina web este viernes y tus vídeos me están ayudando mucho

[@cyberpunknexus]

Excelentes videos, muy bien explicado todo, que dios te muchísimo más y de verdad gracias. Saludos desde México :)

[@hugopaltan2131]

Felicitaciones y gracias por compartir tu conocimiento.

[@BoussoleB]

Esperando la siguiente parte, ¡sigue así!

[@andrescruz6874]

Gracias amigo excelente manera de enseñar. MAESTRO. Gracias

[@francogonzalez878]

genio...! eh entendido muchas que antes no me daba cuenta... podrías hacer un vídeo de un carrito de compras básico... me serviría mucho... gracias

[@martinemmanuelrodriguez1153]

TODO IMPECABLE! Gracias

[@noel8287]

Me gusta como explicas, podrías hacer un curso de Javascript desde 0 ?, solo es una sugerencia Papu chevere! Saludos desde Venezuela :)

[@rlozano715]

como esta la situación hermano? espero todo bien. saludos desde México. aca tienen a gente que los apoya

[@andresanchez9024]

Buen video , esperando el siguiente saludos

[@Nadia-wu9hk]

Todo funciona perfecto al 2020, muchísimas gracias por todo!!

[@Jygproyectosweb]

Algo debe estar mal escrito. Únete al grupo de Facebook en ka descripción para que te ayuden

[@juanperez4264]

Muy buen curso y explicaciones

[@jcautomation9473]

Excelente vídeo, muy bien explicado parte 7¡¡¡

[@jesustzinon]

Esperando la siguiente parte!, saludos desde vzla!

[@erickbritocabrera7625]

Excelente vídeo , felicitaciones... si lo puedes hacer con inicio para usuarios estaría excelente

[@joelhe5143]

Que hermoso ese js..maestro

[@BriJi2Productions]

buen curso esperando el siguiente video, podrias enseñar como añadir un buscador y quisas que se pueda poner pantalla completa cuando seleccionas una imagen en galeria y flechas para avanzar y retroceder ;)

[@Victor-sr5vx]

Gracias por el Video y Muy buena Explicacion

[@WilmarCuesta]

Excelente profe..

[@cristobal-r2b]

Excelente video y explicacion, solo quiero hacer presente que no es compatible con algunas configuraciones de bootstrap

[@Dani-Code]

Gracias man!

[@ricardolozano7861]

Muy tarde, 3 años tarde.. pero aún así bien video lince 'c

[@danifornice]

no me sle esa x para el modal. uso sublime text. y no sale nada desde la parte del modal.

[@emiliano103091]

hola, excelentes las clases prácticas... podrías darme una indicación de como crear botones de desplazamiento para el modal?, o sea que debería añadir en el javascript...porque lo de html y css es facil XD

[@joses.lopezcontreras2957]

el js de modal , también funciona en sublime text 3, o tengo qu ecambiar algunas variables, gracias por su aporte

[@fefe-is6sp]

funciona perfectamente, recién lo estaba codeando y había algo que no me salía, y era que había puesto en vez de "modal" puse model jajajja era imposible encontrar el error

[@juliocesargomezinturias2778]

hola... ya se que no tiene que ver con el video pero... en tus clases de php como podria insertar botones de: modificar y eliminar y gracias tus videos son muy utiles, me estan siendo de mucha ayuda para realizar mi proyecto..! un saludo desde Bolivia

[@maxigaitan8401]

gracias...!!! :D

[@kevinramirez8189]

no me funciona modal.classList.toggle.("modal--open"); let src= e target.src; img.setAttribute("src",src) ninguna de esas nose ponen de ningun color para parecer de que estan activadas y nose que es ayudenme

[@Blacked93]

Hola amigo, tendrás algun video donde valides un fecha y te mandé una alarmar cuando está vaya a vencer?

[@Bioshock_84]

podes generar un clock en el servidor, ejecuta el código que quieras cada cierto tiempo

[@DuzZeus]

Amigo escribi el codigo tal cual y no me fuciono. Antes, en el boton del menú me sucedio lo mismo pero alguien lo corrigio en los comentarios y me funciono :D, pero en este .js me sucedio lo mismo y no funciona. hay alguna manera de que me pases el codigo del js o que me ayudes Por favor

[@Jygproyectosweb]

Si estuviera igual funcionaria. Puedes unirte al grupo en Facebook facebook.com/groups/212619492442077/ y ahí colocar tu código para ayudarte.

[@DuzZeus]

@@Jygproyectosweb ya lo solucione, era un conflicto en el vinculo de hojas con el html y la direcion de mi js. Solo borre el codigo y la hoja tal cual e hice una nueva con el código y funciono.

[@baefullart4861]

@@DuzZeus bro como hiciste?

[@JoseRodriguez-pj6vq]

buen dia he escrito bien el codigo de java modal para la galeria, y no me funciona he hecho los paso tal como el video. nc si es que la codificacion hay que modificarla.

[@JoseRodriguez-pj6vq]

ya lo solucione

[@Mario-gx1yb]

@@JoseRodriguez-pj6vq Yo también hice el código en js y el modal solo me sale una pestaña en la izquierda.

[@NoticWorld]

@@JoseRodriguez-pj6vq y que era por que me pasa lo mismo

[@DuzZeus]

@@JoseRodriguez-pj6vq amigo como lo sulucionaste, yo escribi y revise el codigo y no me funciona :c. me podrias ayudar o pasar el .js

[@Gunhildur-Ghunn]

@@DuzZeus Lograste solucionarlo? :D Jajaja mi error era que faltaban un "(" y ";" XDDD Modal.js let imagenes = document.querySelectorAll('.gallery__img'); let modal = document.querySelector('#modal'); let img = document.querySelector('#modal__img'); let boton = document.querySelector('#modal__boton'); for (let i = 0; i < imagenes.length; i++){ imagenes[i].addEventListener('click', function(e){ modal.classList.toggle("modal--open"); let src = e.target.src; img.setAttribute("src", src); }); } boton.addEventListener('click',function(){ modal.classList.toggle("modal--open"); });

[@tomie1090]

si les ayuda en algo, no me funcionaba el modal pese q lo escribi todo correctamente, logre solucionarlo simplemente cerrando todo el BRACKETS y la pagina ...... luego volviendolo a abrir y ahora funciona XD es raro

[@Bioshock_84]

no hay caso, el modal no me funciona revise el codigo pero no encuentro el error Tambien tengo un error con el menú, siempre me aparece como si fuera de celular. ayuda

[@christianpacheco3396]

Hola como estas....a mi tampoco me funciona el modal y tengo el codigo exactamente igual, no logro ver el error.

[@Bioshock_84]

​@@christianpacheco3396 ojala alguien nos eche una mano, ya entre a modificar el código para que sea mejor pero el tema del menú... no veo el como

[@jimmycliff81jrcv]

revisa bien tu sintaxis, en la parte del addEventListener el evento es "click" no "clic", revisen bien el codigo , no olviden los ;

[@walterjunioralvaradocruz7011]

Hacele un console.log cada que vas escribiendo la lineas de codigo en tu JS asi veras lo que vas capturando. Muy importante capturar el evento e para el atributo src.

[@melhernandez1603]

y el otro video :(?

[@antoniomedina.salazar3659]

No me funciona el codigo de java

[@angelesyo7076]

A mí me pasa igual

[@baefullart4861]

no me funciona el java

[@matiascurto4037]

Baefull Art a mi tmpc pudiste solucionarlo?