He visto más de 10 videos tanto en inglés como en español, intentando encontrar la manera más efectiva y menos pesada de aplicar un slider simple en mi sitio web para una sección de testimonios. Este es el mejor video que he encontrado al respecto.
jajaja! Justamente estoy creando un proyecto que sé que revolucionara el mundo y quería algo parecido a unos slider de netflix y me encuentro este video, definitivamente desde el día 0 cuando aprendí a programar y todo fue en este canal y aún, éxitos falcon!
amo y señor del código fuente y la docencia, lo amo, hice varios cursos de él en distintas plataformas, un genio
4 роки тому+2
Wow!! Carlos. Siempre sorprendiendo con cursos y tutoriales muy prácticos e instructivo. Cuando dejo de seguir tus cursos en Udemy por razones de prioridad entró en depresión. Jaja. Es que haces esto de la programación web muy amena y divertida. De verdad. Dios te bendiga estas clases son bien caras recibirla a un nivel tan didáctica y fácil de entender. Con tus cursos es como estar en un bootcamp a tiempo completo y de provecho. Sigue así, tengo que aprender mucho de tí y te queda mucho por compartir y enseñar. Gracias de corazón.
un videaso!!!!! te sigo desde que tome un curso de boostrap contigo en udemy, por eso vine a tu canal y ahora que quiero hacer mi propio carousel y no depender del de boostrap me siento mas que contento de haber tomado la decisión de tomar clases contigo.
Gracias, estaba buscando hace harto uno para integrarlo con Nuxt ya que uso Vuetyfy y no se porque a veces no se mostraba, instale varias librerías hasta que vi este video y ha sido la mejor y la que 0 problemas a dado, gracias amigo.
Para centrar verticalmente las flechas y no calcular a ojo los 35px deberías darle top: 50% y transform: translateY(-50%) ya que el top actúa sobre el porcentaje del padre posicionado y el transform sobre el porcentaje del propio elemento.. pero igual así funciona para esto
estoy viendo este video y me esta gustando mucho. De hecho, el anterior que he visto de carousel que trata sobre los postres, me ha servido para adaptarlo a la pagina que estoy creando y el de netflix y este me serviran para adaptarlos a otra seccion de mi pagina. Muchas gracias por todo. Gracias a ti seguro que muchisima gente que empieza a programar estara aprendiendo muchisimo. Yo el primero. GRACIAS
Genial! me ha servido mucho Glider.js, explicas muy bien, tengo la página programada con php si quieres chequearla... pero mi problema actual es que quisiera hacer el carousel infinito: Si tengo un total de 6 imagenes cargadas y en el carousel tengo diapositivas de 4 imágenes, quisiera que al desplazar el carousel a la izquierda desplazara sobre las siguientes(6,5,4,2), y lo mismo si desplazo a la derecha(5,6,1,2). Espero haberme hecho entender, y gracias de antemano.
¡Está genial ese carrusel Carlos! :D... Actualmente estoy tomando tu curso de Diseño Web Profesional, vine a ver el vídeo de que hiciste de Bob Sponja con HTML y CSS. Estoy aprendiendo bastante de tu curso :D Por cierto, también ya he comprado tu PHP ;) ¿Tienes pensado en un futuro sacar algún otro curso en Udemy? Me gusta mucho la manera en como explicas y enseñas :D
Bro en definitiva eres un crack, y te agradezco bastante por tu tiempo y tus conocimientos compartidos, gracias a ti soy el mejor de mi clase en desarrollo web :3 Gracias
Hola como estas .... muy buen contenido el único que eh podido integrar a mi proyecto me sirvió mucho... solo tengo una pregunta en la propiedad draggable: true, de app.js para dejarla activa las fotos se quedan quietas cuando las corres y se ve mitad de una y mitad de la otra cuando las sueltas, como hago para que se autocomplete osea que reconozca que va a la mitad y ella misma se termine de correr para mostrarse completa... espero que me haiga echo entender gracias =)
Gracias, muy entendible, solo una pregunta, como hago para tener 2 carruseles de imagenes, he intentado copiar y pegar el mismo codigo 2 veces pero el segundo no coge el JS no el CSS, gracias
Genial el video como siempre!! Estoy usándolo dentro de una app de Angular9 y el problema surge por el evento window.addEventListener('load', function... Glider.js me crea el slider cuando refresco de forma manual.
Hola, q diferencia hay entre hacer la librería con css y js , q hacerlo con librería, me refiero a escalabilidad y al conseguir trabajo????????????????????
Excelente tutorial FalconMasters, igual que tus otros tutoriales, tengo una duda en este video, como hago para que las fotos sean mas grandes, no he encontrado como habilitar el tamaño normal de la imagen. GRACIAS
Por si a alguien le sirve, encontré una solución para agrandar la imagen del carrusel y era fácil, colocar 1 en slidesToShow y slideToScroll abajo de Breakpoint 800
Muchas gracias por tus conocimientos que nos brindas. Una pregunta como haces para que todas las imágenes utilizadas en este tutorial tengan las mismas dimensiones 550 x 310
excelente explicacion, tengo un problema, al poner esto en la pagina que estoy armando, el carousel funciona perfectamente pero si agrego 1 mas deja de funcionar, como puedo arreglar esto? Si me pueden responder rapido perfecto, tengo que entregar esta pagina en pocos dias y no puedo lograr tener 2 carousel
amigo excelente video, tengo una duda al poner una barra de menu superior no me deja y aparece al lado aun ponienedo el row para nueva fila, me ayudas? gracias
si quiero usar ese mismo codigo en otra parte del home con las mismas clases pero diferente contenido, se daña que puedo hacer ? o glider js solo funciona para un solo slide en toda la pag ? ayuda por favor
Muchas Gracias, excelente video! Hago tus cursos en udemy. Una consulta, necesito cambiar los indicadores por números de página , por ejemplo":( 1..45)..Siguiente. " Como lo puedo hacer? Espero respuestas. Gracias de antemano!!
Saludos desde Chile: Me gustó bastante la sencillez del resultado; excelente video, pero me quedó una duda. Pongamos un ejemplo: Si la galería que mostraste en el video corresponde a una sección de la galería, que podría ser "Paisajes Urbanos", pero también requiero de otra galería, dentro de la misma página y que se denomine "Paisajes Rurales"; me gustaría saber cómo se puede agregar en una segunda galería en la parte inferior de la misma página. Podrían tener un subtítulo con "h2" o "h3", con el fin de poder individualizar cada una de las secciones o temas. Pero la idea es que quede en forma horizontal, igual que el observado en el video (lo he intentado, pero me queda en forma vertical). En cuanto a todo lo demás, me ha quedado claro.
Muy buen vídeo ya que te ahorras picar tanto código para hacer un simple slider. Pero podrías hacer el mismo slider responsive sin usar js ni frameworks como bootstrap?. Es decir puro html y css. Te lo agradecería un montón ya que tengo un proyecto en el que no me dejan utilizar dichas tecnologías. Un saludo desde España.
La verdad muy bueno, solo que no se puede tener mas de un carrousel, si copio y pego desde para tenes una segunda tira de imágenes supongamos una nueva categoría de películas se rompe la segunda y no queda como la primera
He visto más de 10 videos tanto en inglés como en español, intentando encontrar la manera más efectiva y menos pesada de aplicar un slider simple en mi sitio web para una sección de testimonios.
Este es el mejor video que he encontrado al respecto.
Muchas gracias, me alegra que te sirviera!
jajaja! Justamente estoy creando un proyecto que sé que revolucionara el mundo y quería algo parecido a unos slider de netflix y me encuentro este video, definitivamente desde el día 0 cuando aprendí a programar y todo fue en este canal y aún, éxitos falcon!
amo y señor del código fuente y la docencia, lo amo, hice varios cursos de él en distintas plataformas, un genio
Wow!! Carlos. Siempre sorprendiendo con cursos y tutoriales muy prácticos e instructivo. Cuando dejo de seguir tus cursos en Udemy por razones de prioridad entró en depresión. Jaja. Es que haces esto de la programación web muy amena y divertida. De verdad. Dios te bendiga estas clases son bien caras recibirla a un nivel tan didáctica y fácil de entender.
Con tus cursos es como estar en un bootcamp a tiempo completo y de provecho.
Sigue así, tengo que aprender mucho de tí y te queda mucho por compartir y enseñar.
Gracias de corazón.
Fino hermano me encanto, ahora voy a hacer unas cuantas cosas con esto...!!!
un videaso!!!!! te sigo desde que tome un curso de boostrap contigo en udemy, por eso vine a tu canal y ahora que quiero hacer mi propio carousel y no depender del de boostrap me siento mas que contento de haber tomado la decisión de tomar clases contigo.
Muchas gracias! Me alegra un montón que mis videos te sean de ayuda !
exelente video hermano ,estuve viendo miles de videos de como crear un carousel y nadie lo explicaba bien ,te haz ganado un suscriptor sigue asi
Esto es lo que estába buscando por mucho tiempo, tengo que hacerlo un día!!! Graciaaaaas!!
El único video que me ha servido! Muchas gracias!!
Eres un crack.. me encantó lo fácil que es usar esa librería y lo bien que lo explixas
En su día trabajé con jSlider, pero tenía muchos fallos en el diseño responsive.
Muchas gracias, Carlos Arturo.
Gracias, estaba buscando hace harto uno para integrarlo con Nuxt ya que uso Vuetyfy y no se porque a veces no se mostraba, instale varias librerías hasta que vi este video y ha sido la mejor y la que 0 problemas a dado, gracias amigo.
Este canal es lo mejor, aprendes mucho y es muy facil de comprender, selos recomiendo mucho. Gracias
Excelente tutorial, muchas gracias CRACK!!
Amigo tu curso de HTML me a servido mucho, ni los maestros explican cómo lo ases brot, saludos desde Honduras.
Excelente !!! encontre lo que buscaba. Muy bien explicado ... todo muy claro. Muchas Gracias !!!
Excelente, sos un genio. Muchisimas gracias pana!
Espectacular !!! Millones de gracias, me diste una ayuda gigante !!! Éxitos !!!
Para centrar verticalmente las flechas y no calcular a ojo los 35px deberías darle top: 50% y transform: translateY(-50%) ya que el top actúa sobre el porcentaje del padre posicionado y el transform sobre el porcentaje del propio elemento.. pero igual así funciona para esto
Realmente claro, ordenado y didáctico. Gracias, eres muy generoso.
Me salvaste en un problemon del trabajo, muchas gracias Falcon, eres grande!
estoy viendo este video y me esta gustando mucho. De hecho, el anterior que he visto de carousel que trata sobre los postres, me ha servido para adaptarlo a la pagina que estoy creando y el de netflix y este me serviran para adaptarlos a otra seccion de mi pagina. Muchas gracias por todo. Gracias a ti seguro que muchisima gente que empieza a programar estara aprendiendo muchisimo. Yo el primero. GRACIAS
Que grande siempre me salvas man sos un maestro sigue asi
Gracias maestro!!! sos un grande. -Me suscribi para seguir tus videos.-
Excelente explicación, muy buen video
Me ayudaste un MONTON falcón te doy muchísimas gracias, no conocía glider.js I liked
Excelente, por fin encontré como hacerlo de manera fácil y rápida. Gracias!!!
Que la cuarentena no detenga las grandes ganas de aprender
Bueen video falcon eres el mejor e aprendiendo mucho gracias a ti desarrollo mi primer sitio web te lo agradezco mucho eres el mejor sigue asi
Eres increíble! Muchas gracias por tu video!
Muchas gracias!
gracias por tus videos, voy entendiendo esto de programacion gracias a ti
Gracias lo hiciste de una forma clara y muy práctica 😊
Excelente video, muchas gracias por enseñar. Saludos!
VIDEAZOOOOO, TUTORIALAZOOOOO!!!!
Gracias por compartir este resultado compañero, un abrazo.
Muy padre. Muy bien explicado. Gracias
Me sirvió de mucho Carlos muchísimas gracias por tus contenidos de calidad 👍😊
Me alegra mucho que te haya servido!
Muchas gracias Carlos por el video. Muy bueno!
Gracias por compartir estás cosas! Me ayudan muchísimo!
buen video! , consulta como puedo hacer para q vaya cambiando de forma automática?
Que excelente! justo lo esperaba! Muchas gracias :D
genial bro' me ayudaste mucho para uno que deseaba hacer
5:54 Falcon en que video lo explicaste? Es que soy nuevo en el canal y solo queria buscar un tutorial para hacer un slider
Gracias como siempre, contenido genial en este canal.
QUE GRANDE QUE ERES
Muchisimas gracias
Genial! me ha servido mucho Glider.js, explicas muy bien, tengo la página programada con php si quieres chequearla... pero mi problema actual es que quisiera hacer el carousel infinito:
Si tengo un total de 6 imagenes cargadas y en el carousel tengo diapositivas de 4 imágenes, quisiera que al desplazar el carousel a la izquierda desplazara sobre las siguientes(6,5,4,2), y lo mismo si desplazo a la derecha(5,6,1,2).
Espero haberme hecho entender, y gracias de antemano.
Existe alguna manera de que en la versión móvil se pueda deslizar arrastrando con el dedo?
Genio, maestro , barrilete cósmico, ¿ de que planeta viniste???? Gracias!!!
¡Está genial ese carrusel Carlos! :D... Actualmente estoy tomando tu curso de Diseño Web Profesional, vine a ver el vídeo de que hiciste de Bob Sponja con HTML y CSS. Estoy aprendiendo bastante de tu curso :D
Por cierto, también ya he comprado tu PHP ;)
¿Tienes pensado en un futuro sacar algún otro curso en Udemy? Me gusta mucho la manera en como explicas y enseñas :D
Hola,esta libreria se puede utilizar con react
chingon hermano , sigue así , GRACIAS
Gracias por compartir un abrazo =)
otra pregunta, entonces no se puede hacer lo del hover en los elementos del carousel?
Muchas gracias me sirvio bastante, saludos amigo
gracias a ty ya se un poco de programacion
solo hay algo que no puedo como puedo agregarle contenido dentro de las imagenes
hola, para el navegador internet explore no funciona como seria por fa
Gracias por el video, una consulta, si trabajo con angular como podria agregarlo al proyecto?
Genial el vídeo, me ayudara en algunos proyectos
Gran vídeo
Muchas gracias!!
Bro en definitiva eres un crack, y te agradezco bastante por tu tiempo y tus conocimientos compartidos, gracias a ti soy el mejor de mi clase en desarrollo web :3 Gracias
Hey! muchas gracias a ti por ver mis videos, y felicidades por ser el mejor en tu clase, sigue así! :D
Hola como estas .... muy buen contenido el único que eh podido integrar a mi proyecto me sirvió mucho... solo tengo una pregunta en la propiedad draggable: true, de app.js para dejarla activa las fotos se quedan quietas cuando las corres y se ve mitad de una y mitad de la otra cuando las sueltas, como hago para que se autocomplete osea que reconozca que va a la mitad y ella misma se termine de correr para mostrarse completa... espero que me haiga echo entender gracias =)
Gracias, muy entendible, solo una pregunta, como hago para tener 2 carruseles de imagenes, he intentado copiar y pegar el mismo codigo 2 veces pero el segundo no coge el JS no el CSS, gracias
Tremendo crack!!!, un sub mas ! :D
Genial el video como siempre!! Estoy usándolo dentro de una app de Angular9 y el problema surge por el evento window.addEventListener('load', function... Glider.js me crea el slider cuando refresco de forma manual.
14:16 no me aparece el scroll. que podria ser? :C revise el codigo bocha de veces y nada :c.
Si alguien me ayuda lo agradeceria.
me pasa lo mismo :c
estoy en la misma
@@Bioshock_84 Los solucionaste...me pasa igual
@@DavidFZapataCastro no, me fue imposible, al final decidí no usar glider y programar todo de cero.
Hola, q diferencia hay entre hacer la librería con css y js , q hacerlo con librería, me refiero a escalabilidad y al conseguir trabajo????????????????????
Genio gracias 👏👏👏👏👏
GRACIAS maestro!!
Excelete video hermano!!! Como hago para duplicar el carrusel, es decir que quede el encabezado y luego debajo dos carrusel
si las imagenes son rectangulares hacia arriba y abajo como puedo modificar los px
en el carrusel como haria si solo quiero que se muestre una imagen gracias ?
Si o si se usa glider o se puede reemplazar con otra cdn?
Hola Carlos, ya lo tengo implementado, pero no puedo hacerlo que funcione como autoplay, alguna forma? gracias.
Buen video bro ya lo apliqué a mi proyecto..muchas gracias ahora una pregunta como lo hago con slide automatico..
Hola Carlos una pregunta el ¿Carousel se mueve solo?
Eres un dios crack
Excelente tutorial FalconMasters, igual que tus otros tutoriales, tengo una duda en este video, como hago para que las fotos sean mas grandes, no he encontrado como habilitar el tamaño normal de la imagen.
GRACIAS
Por si a alguien le sirve, encontré una solución para agrandar la imagen del carrusel y era fácil, colocar 1 en slidesToShow y slideToScroll abajo de Breakpoint 800
espectacular... mejor imposible...
Hola, en que curso de udemy enseñas a crear el carrusel desde 0 ?
Muchas gracias por tus conocimientos que nos brindas. Una pregunta como haces para que todas las imágenes utilizadas en este tutorial tengan las mismas dimensiones 550 x 310
Hola Fredy, consulta, pudiste cambiarle el tamaño a las imágenes?.
excelente explicacion,
tengo un problema, al poner esto en la pagina que estoy armando, el carousel funciona perfectamente pero si agrego 1 mas deja de funcionar, como puedo arreglar esto? Si me pueden responder rapido perfecto, tengo que entregar esta pagina en pocos dias y no puedo lograr tener 2 carousel
Como lo conviertes en touch?
existe una forma de ponerle tiempo y se mueva en automatico??
amigo excelente video, tengo una duda al poner una barra de menu superior no me deja y aparece al lado aun ponienedo el row para nueva fila, me ayudas? gracias
Genio gracias
si quiero usar ese mismo codigo en otra parte del home con las mismas clases pero diferente contenido, se daña que puedo hacer ? o glider js solo funciona para un solo slide en toda la pag ? ayuda por favor
Muchas Gracias, excelente video! Hago tus cursos en udemy. Una consulta, necesito cambiar los indicadores por números de página , por ejemplo":( 1..45)..Siguiente. " Como lo puedo hacer? Espero respuestas. Gracias de antemano!!
Hola una pregunta como se hace para que el carrucel pasen las imagenes automaticas
Saludos desde Chile:
Me gustó bastante la sencillez del resultado; excelente video, pero me quedó una duda. Pongamos un ejemplo: Si la galería que mostraste en el video corresponde a una sección de la galería, que podría ser "Paisajes Urbanos", pero también requiero de otra galería, dentro de la misma página y que se denomine "Paisajes Rurales"; me gustaría saber cómo se puede agregar en una segunda galería en la parte inferior de la misma página. Podrían tener un subtítulo con "h2" o "h3", con el fin de poder individualizar cada una de las secciones o temas. Pero la idea es que quede en forma horizontal, igual que el observado en el video (lo he intentado, pero me queda en forma vertical).
En cuanto a todo lo demás, me ha quedado claro.
Si te queda vertical estás colocando un comando mal, échale un ojo al vídeo y escríbelo tal cual
Muy bueno!! Alguien sabe como hacer para que el dragable funcione el celular? por favor
Infinitas gracias. New Sub + Like + Bell + shared.
Excelente todo, pero esta vez algo anda mal las imagenes aparecen en forma vertical he revisado todo y sigue el error...ojala alguien pueda ayudarme
Eres el mejor :)
Muy buen vídeo ya que te ahorras picar tanto código para hacer un simple slider. Pero podrías hacer el mismo slider responsive sin usar js ni frameworks como bootstrap?. Es decir puro html y css. Te lo agradecería un montón ya que tengo un proyecto en el que no me dejan utilizar dichas tecnologías. Un saludo desde España.
La verdad muy bueno, solo que no se puede tener mas de un carrousel, si copio y pego desde para tenes una segunda tira de imágenes supongamos una nueva categoría de películas se rompe la segunda y no queda como la primera
pudiste resolver eso? me sucede lo mismo y no encontre solucion
Hola que tal muchas gracias me ayudo muchísimo, una duda ¿Esta misma librería se puede utilizar para angular? de antemano gracias excelente video
Hola que tal de casualidad pudiste usarlo para angular? y si es asi me contas como lo hiciste, muchas gracias
Excelente, me encantó.
Sólo quisiera saber cómo puedo hacer para hacerlo automático y que repita los sliders.
Hola que tal, bootstrap hace eso que quieres, acabo de ver el video y leer tu comentario, espero te ayude y no sea tarde.
que opinas de swiper.js
Hola buenas tardes, sabes como puedo hacer que al llegar al ultimo slider regrese al primero?