Eh visto muchos videos pero la mayoría no explica tan en detalle como tú. Muy claro y además con el ejemplo en github. Muchas gracias, le di a seguir a tu canal 😊
Hola, eeeh porfavor sube mas videos de html, css y si puede de javaScrip eres muy buena explicando he visto muchos videos de como hacer un carrusel pero a nadie le entendia, solo a ti te entiendo explicas muy pero muy bien.
Muy buen video, eres muy buena explicando, literal me dejaste sin palabras y a la vez me diste un alivio profundo ya que no era necesario realizar un carrusel con Java ya que yo recién estoy en proceso de aprender mas a profundidad HTML, esto no me lo enseñan y quería incluir en mi proyecto un carrusel, muchas gracias.
El truco del #idname en la etiqueta "a" es muy útil en SPA. Hace 4 meses vi este video, pero lo volví a ver para usarlo con paginación en JS obteniendo los hash de la url.
Hola, muchas gracias por el aporte y la explicación, el resto de tutoriales incluían Java Script y tu lo lograste sin usarlo, sería bueno si nos enseñas en como hacer ese carrusel responsive :D Nueva sub
buenas que tal, les hago una pregunta a los que ya armaron un carrousel, es posible que cuando le das click a las flechas: flechasI flechasD No lleven todo el filo de la pantalla a donde esta el carrousel, ya que lo quise replicar en un proyecto pero mi problema es que lo tengo ubicado debajo del header y siento que es muy aparatoso que al hacer click en una de estas se pierda el foco del header mismo y lleve el borde de la pantalla al carrousel. Estuve buscando temas relacionados para evitar el comportamiento que pasa desde el al #ID respectivo pero no encontre nada sobre el tema
Hay varias opciones que se me ocurren... En vez de poner los contenedores de las imágenes hacia abajo, le puedes dar un display flex al contenedor padre y así al momento de activar la etiqueta a, esta únicamente va a hacer el desplazamiento hacia sus laterales y no hacia arriba, esto en la teoría, no estoy seguro si estoy pasando por alto algún comportamiento en especial, otra opción podría ser darle un position fixed al header, con un width del 100% y un top y left de 0 y al contenedor padre darle un margin superior del mismo alto que el header para que este, a la hora de dirigirse hacia el top del contenedor, respete ese espacio del header... Aunque pensándolo bien, con el margin, creo que por si solo podría solucionar el problema, pero de todas formas podrías tener en cuenta usar el header en fixed o sticky para ayudar a que el slider funcione correctamente... Si de algo te sirve o si encuentras alguna otra solución, apreciaría que nos lo compartan! 😃
Que habilidad señorita. podria decirme si se puede hacer como en js, que le metes un temporizador o algo de eso? tipo que cambie las imágenes solo o es muy complicado porque, este es un nivelaso y me imagino lo que debe ser de complicado si se puede hacer .
Muchisimas gracias, no sabia como se llamaba ese proyecto en css, ya que uno lo ve en las paginas y lo quiere replicar pero uno no sabe ni como buscarlo... Si puedes hacer un video de proyectos, o nombres de proyectos en css seria genial
Hola, ¿cómo estás? Muchas gracias por la explicación. Sabes por qué me podrían estar quedando las flechas invisibles? No logro que aparezcan aunque funcionan y cambian de imagen. estoy usando Boxicons. Gracias!
meti el codigo pero el carrusel lo puse mas o menos a la mitad de mi pantalla, no arriba como lo tiene GYPZ pero cuando cambio de imagen me baja en la misma pagina automaticamente hasta donde pone el carrucel en el tope, alguien sabe como solucionarlo y que cuando le de a la flechas lo unico que cambie es la imagen?
Gracias por este video! Me han explicado que es mala práctica tener varios ids - sabes por qué es esto? Si no se linkea con id sino con clases, cómo se haría?
Hola, muchas gracias por tu vídeo, muy bn explícado. Disculpa podrías subir un vídeo xfa o como sería para automátizar el cambio entre elementos cada 30seg o 1 min
Buenisimo el vídeo me re sirvió! Trabajas muy rápido y explicas muy bien!! Estoy por utilizar el slider en un proyecto pero necesitaría que las flechas queden por afuera de las imágenes, como lo podría hacer?
hola, me encanto este slider, tengo una duda, lo que pasa es q el slider lo agregue a una pagina que estoy haciendo pero cuando estoy un poco mas abajo de la pagina y presiono la flechas del carrusel la pagina sube bruscamente y no se que hacer. me encanto como explicas
Hola, Muchas gracias! Respondiendo a tu duda, es comportamiento esperado por qué es lo que los navegadores hacen con la etiquetas , las enfocan cuando clickeas sobre ellas, aunque está forma de hacer un carrusel es útil, puedes encontrar otras que se acomoden más dependiendo lo que quieras lograr 🖐️
Hola.. Una pregunta.. Es necesario q las imágenes sean mas o menos parecidas en tamaño? O no importa porq siempre se adaptan? No logro hacer q las imágenes me queden centradas dentro del div
No es necesario, tu puedes cambiar su tamaño con css, si tienes una imagen dentro de un div y quieres que tenga el tamaño del div, pon en css: img { Width: 100%; Height: 100%; } Oooo si le quieres dar tamaño directo a las imágenes, puedes poner: img { Width: 100px; Height: 100px; }
Ya lo intente.. Pero al carrusel q había puesto.. Lo había sacado de bootstrap y capas q por tener ciertas clases no me deja modificarlo. Voy a intentar hacerlo denuevo como lo hiciste vos...💪🏻
Excelente explicación para los que tenemos poca experiencia con html y css. Muchas gracias!! un saludo!
Eh visto muchos videos pero la mayoría no explica tan en detalle como tú. Muy claro y además con el ejemplo en github.
Muchas gracias, le di a seguir a tu canal 😊
Gracias por tu ayuda, es muy dificil encontrar videos en español sobre caruseles, en verdad muchas gracias
Excelente video, muy bien explicado y muy útil cuando la profesora no enseña nada.
Muchas gracias!
Gracias! Que bueno saber que te ayudó ⚡🔥
Muy buena explicacion. En mi opinion es el mejor turorial de un carrucel en HTML y CSS
SRTA FELICITACIONES MUY BIEN EXPLICADO. POR FAVOR MAS VIDEOS.
Hola, eeeh porfavor sube mas videos de html, css y si puede de javaScrip eres muy buena explicando he visto muchos videos de como hacer un carrusel pero a nadie le entendia, solo a ti te entiendo explicas muy pero muy bien.
Siii por favor
simp
tienes razón, razona paso a paso, es la mejor que es escuchado explicando
Excelente! vi mil tutoriales y nunca pude lograrlo hasta ver el tuyo! mil gracias
Maravillosa voz, maravillosa jugad.. digo video! excelente explicación y enseñanza, saluditos :)
Saludos, Muchas gracias...!
Muchas gracias, no solo hice el carrusel si no que también aprendí cada una de las etiquetas que usaste, gracias por el video
Me encanta como explica, es tan facil entenderla me a quedado bien llevo rato intentado de que me quede bien y este es el único que me funciono
Una explicación genial!!! gracias por explicar los detalles eso hace que se entienda mejor.
Maravillosa explicación,justo lo que buscaba,sigue así,excelente vídeo,saludos cordiales.
Muy lindo video, el unico video que me sirvio al 100%. Estoy aprendiendo HTML y CSS y me gustaría que subieras video para aprender Javascript 😊
YOU are a live saver. i’ve been losing it trying to find one that works, and this one did. thankyou so much
Lo difícil lo haces facil, de muchos que he visto, este esta de número 1...
Hey! Excelente video! Saludos desde Chile! Gracias por compartir
Excelente, fue de gran ayuda y aprendí algunos conceptos que necesitaba.
Me alegro que te haya funcionado! ⚡🔥
Excelente video, yo uso bootstrap y si quiero customizar no puedo. Este carrusel me lo copio y me servira de por vida. Muchas gracias
Despues de ver 9 video con este me quedo, gracias
EXPLICAS MUY BIEN DEBISTE ESTUDIAR MUCHO DINOS CDONDE ESTUDIASTE YSI PUEDES DARNOS MAS CLASES COMO ESTA MUCHAS FELICIDADES NO PIERDAS ESE DON
gracias, seguí el paso a paso y salió todo ok, estoy aprendiendo!!! gracias!!!.
Me encanto tu video!! sigue asi, saludos desde españa
De esos videos que te sacan de apuros de proyectos finales 10/10
Espero te haya funcionado! 🔥⚡
gracias excelennte video claro y preciso sin tanta habladuría desesperante
reina de mi corazon, nunaca voy a poder agrederte lo que me haz ayudado con este video
No hay de que, gracias! 🔥⚡
Porque no te encontre antes ahhh, que buen video lo vi del inicio al final, muchas gracias me ayudaste un montón ❤️, saludos!
PERFECTO justo un tutorial de lo que necesitaba gracias !!
Que bueno saber que te ayudó! 🔥⚡
Oye eres una chingona!!! super bien explicas, lo entendí todo, me funcionó!
Muy buen video, eres muy buena explicando, literal me dejaste sin palabras y a la vez me diste un alivio profundo ya que no era necesario realizar un carrusel con Java ya que yo recién estoy en proceso de aprender mas a profundidad HTML, esto no me lo enseñan y quería incluir en mi proyecto un carrusel, muchas gracias.
Que buen video, me gustó mucho la explicación y tu voz, salu2 y bendiciónes.
Muchas gracias...! También por tu tiempo para dejar un comentario 🔥⚡
Brutal explicación. Me gustaría ver un video que el carrusel sea automático
venia buscando algo sencillo y me encontré esto! gracias me sirvió de mucho!
El truco del #idname en la etiqueta "a" es muy útil en SPA. Hace 4 meses vi este video, pero lo volví a ver para usarlo con paginación en JS obteniendo los hash de la url.
muy buena. Nunca se me habia ocurrido hacerlo con "id"
muchas gracias
Excelente profesora, explica muy bien
Hola, muchas gracias por el aporte y la explicación, el resto de tutoriales incluían Java Script y tu lo lograste sin usarlo, sería bueno si nos enseñas en como hacer ese carrusel responsive :D
Nueva sub
Muchisimas gracias por explicarlo tan bien😸👍
No hay de que, gracias a ti! 🔥⚡
Increíble video, no dejes de subir nunca, gracias!
necesito terminar una pagina web como tarea, y me estas salvando la vida, btw tienes linda voz
Ya somos dos jajaja
Super¡ somos tres jaja
Gracias a ti ahora puedo terminar mi pagina web
Si se puede 💪🔥⚡
Muchas gracias, explicas muy bien. sigue así ! ! !
Gracias a ti...! 🔥⚡
Muchas gracias por el tutorial. Pocos likes tiene este vídeo.
Muy buen video, me ayudo muvho a mi tarea gracias.
hermosa explicacion nena gracias me ayudo mucho :)
Muchas gracias! Que bueno que te haya ayudado.
Loool. I legit spend 6 years using gms before finally getting serum. I was making blown out saw softs and exporting them to Edison
Excelente video, muy bien explicado y el resultado es perfecto
Eres la mejor del mundo !
eres mi nueva profesora virtual😍😍🤩
Bella voz .. Sencilla explicacion.. === new suscriptor xD
Muchas gracias, tu video me ayudo mucho .
que buen video muchas gracias por la buena explicacion me sirvio demasiado🥰🥰🥰🥰
Thank you so much. Learned a lot of new useful tNice tutorialngs about soft soft!
Muchas gracias por tu explicación!
wao, no creí que se podía hacer un slider infinito sin JavaScript. Buen video
Gracias! ⚡🔥
Muy buena explicación gran video
Muchas gracias! ⚡🔥
buenas que tal, les hago una pregunta a los que ya armaron un carrousel, es posible que cuando le das click a las flechas:
flechasI
flechasD
No lleven todo el filo de la pantalla a donde esta el carrousel, ya que lo quise replicar en un proyecto pero mi problema es que lo tengo ubicado debajo del header y siento que es muy aparatoso que al hacer click en una de estas se pierda el foco del header mismo y lleve el borde de la pantalla al carrousel. Estuve buscando temas relacionados para evitar el comportamiento que pasa desde el al #ID respectivo pero no encontre nada sobre el tema
amigo encontraste alguna solucion? tengo el mismo problema
Hay varias opciones que se me ocurren... En vez de poner los contenedores de las imágenes hacia abajo, le puedes dar un display flex al contenedor padre y así al momento de activar la etiqueta a, esta únicamente va a hacer el desplazamiento hacia sus laterales y no hacia arriba, esto en la teoría, no estoy seguro si estoy pasando por alto algún comportamiento en especial, otra opción podría ser darle un position fixed al header, con un width del 100% y un top y left de 0 y al contenedor padre darle un margin superior del mismo alto que el header para que este, a la hora de dirigirse hacia el top del contenedor, respete ese espacio del header... Aunque pensándolo bien, con el margin, creo que por si solo podría solucionar el problema, pero de todas formas podrías tener en cuenta usar el header en fixed o sticky para ayudar a que el slider funcione correctamente... Si de algo te sirve o si encuentras alguna otra solución, apreciaría que nos lo compartan! 😃
there! Thanks a lot for the help, I'm going to subscribe to your channel and keep up with all the videos!
handy for resetuping s or creating karaoke tracks. Thanks for the recomndation!
gracias este video esta bien espero sigas haciendo mas gracias.
Genial ejemplo, muchas gracias por la ayuda
MUCHAS GRACIASSSS!!
Que habilidad señorita. podria decirme si se puede hacer como en js, que le metes un temporizador o algo de eso? tipo que cambie las imágenes solo o es muy complicado porque, este es un nivelaso y me imagino lo que debe ser de complicado si se puede hacer .
Hola...! No es nada complicado, simplemente la técnica es diferente, espero sacar un video de eso pronto.
Muchisimas gracias, no sabia como se llamaba ese proyecto en css, ya que uno lo ve en las paginas y lo quiere replicar pero uno no sabe ni como buscarlo... Si puedes hacer un video de proyectos, o nombres de proyectos en css seria genial
Apenas saque uno llamado "Puntero Luminoso" y "Efectos en Puntero" te lo recomiendo muchísimo
Muy ingeniosa al usar a las anclas para hacer el slider
Nice tutorial.... Very helpful
Excelente video!! Nuevo seguidor! :)
Me encanto tu video, muchas gracias me servirá para un proyecto de la U
Sos una genia!!!
muchas gracias, me sirvio de mucho
Muchas grx lo usare para mi proyecto escolar grx :D
gracias por la información ,me puedes decir que Plugins utilizas para que te salgan los colores de guía que tienes entre los div
Es la extensión de Visual studio code, indent rainbow 🌈
Brutal! Super simple y útil!
Woo increible, muchas gracias
Gracias! 🔥⚡
muy bien explicado, gracias por el tutorial
Gracias!!! Explicas muy bien
Te amo, esto es genial!!
Muchas gracias! ⚡🔥
excelente video te felicito explicas muy bien solo quisiera saber como agregar un temporizador para que cada cierto tiempo cambien solas las imagenes
con js
muchas gracias, muy útil
muy buen video, gracias
Una consulta, al tocar la flecha, se mueve la pantalla, hay forma de cancelar eso? Porque al tocar, hay cosas importantes q se dejan de ver..
Con este método no por que usamos a y el navegador automáticamente enfoca el elemento pero hay otro en donde si
@@GYPZ muchas gracias.. cual seria el otro metodo?
Eres una bakana, gracias
Hola, ¿cómo estás? Muchas gracias por la explicación. Sabes por qué me podrían estar quedando las flechas invisibles? No logro que aparezcan aunque funcionan y cambian de imagen. estoy usando Boxicons. Gracias!
Hola...! ¿Tienes forma de enviarme por IG el código? Solo para encontrar que puede estar fallando.
great thanks for that! Very clear and articulate!
que god el video, gracias.
meti el codigo pero el carrusel lo puse mas o menos a la mitad de mi pantalla, no arriba como lo tiene GYPZ pero cuando cambio de imagen me baja en la misma pagina automaticamente hasta donde pone el carrucel en el tope, alguien sabe como solucionarlo y que cuando le de a la flechas lo unico que cambie es la imagen?
Me pasa igual. Sabes cómo arreglarlo
Gracias por este video! Me han explicado que es mala práctica tener varios ids - sabes por qué es esto?
Si no se linkea con id sino con clases, cómo se haría?
Woah, great video mate!
Hola, muchas gracias por tu vídeo, muy bn explícado.
Disculpa podrías subir un vídeo xfa o como sería para automátizar el cambio entre elementos cada 30seg o 1 min
Gracias, gran video ❤
Muchas gracias! ⚡🔥
com haces el carusel de facebook el de las historia viste q son individuales?
los elementos A,B,C,......, si lo definimos elementos de un arreglo, como se expresaria en el html ??
Buenisimo el vídeo me re sirvió! Trabajas muy rápido y explicas muy bien!! Estoy por utilizar el slider en un proyecto pero necesitaría que las flechas queden por afuera de las imágenes, como lo podría hacer?
hola yo jugaría con el tamaño de las imágenes y con flex las posicionaría
no se si es por que no el hecho que no tengo internet, pero no me funciona y me sale en la pantalla error 404
Simple y eficiente
dime como se puede poner digamos un traslado estilo niebla para el cambio de imagen y a mi no me fusiona el cambio automático me ayudas
Una pregunata si yo quisiera hacer un carrusel de imagnes y al hacer click en una imagen me lleve a un enlace externo
hola, me encanto este slider, tengo una duda, lo que pasa es q el slider lo agregue a una pagina que estoy haciendo pero cuando estoy un poco mas abajo de la pagina y presiono la flechas del carrusel la pagina sube bruscamente y no se que hacer.
me encanto como explicas
Hola, Muchas gracias! Respondiendo a tu duda, es comportamiento esperado por qué es lo que los navegadores hacen con la etiquetas , las enfocan cuando clickeas sobre ellas, aunque está forma de hacer un carrusel es útil, puedes encontrar otras que se acomoden más dependiendo lo que quieras lograr 🖐️
Que grande, gracias.
Hola.. Una pregunta.. Es necesario q las imágenes sean mas o menos parecidas en tamaño? O no importa porq siempre se adaptan? No logro hacer q las imágenes me queden centradas dentro del div
No es necesario, tu puedes cambiar su tamaño con css, si tienes una imagen dentro de un div y quieres que tenga el tamaño del div, pon en css:
img {
Width: 100%;
Height: 100%;
}
Oooo si le quieres dar tamaño directo a las imágenes, puedes poner:
img {
Width: 100px;
Height: 100px;
}
Ya lo intente.. Pero al carrusel q había puesto.. Lo había sacado de bootstrap y capas q por tener ciertas clases no me deja modificarlo. Voy a intentar hacerlo denuevo como lo hiciste vos...💪🏻
@@adriancalo2677 De acuerdo me avisas! Igual no me tengas miedo a bootstrap, todo lo de bootstrap es modificable ✌️