Hola! Genial el tutorial, tengo que hacer algo asi para un tp y me sirve mucho. En el caso de dispositivos mobiles, ¿seria muy complicado sacar las flechas y que el desplazamiento funcione con el dedo?
Tendrías que usar las animaciones en JavaScript. Aquí te dejo un link para que puedas leer e investigar más sobre ello developer.mozilla.org/es/docs/Web/API/Element/animate
hola, me gustan muchos tus videos me parece genial... tengo una duda, sigo todos los pasos que tu haces pero al finalizar cuando le doy clic en las flechas no me corre el carrouel, que puedo hacer???,
Hola, el video ha sido genial y de mucha ayuda, pero tengo una duda, ¿cómo podría hacer que en lugar de que las imágenes avanzaran una a una, avanzaran de 5 en 5 (es decir, que avanzaran de acuerdo a los grupos que se ven en pantalla)?
track.style.left == "" ? leftPosition = track.style.left = 0 : leftPosition = parseFloat(track.style.left.slice(0, -2) * -1); como logras esta linea? de donde puedo estudiar este tipo de codigo q hiciste?
Ok, si te refieres al operador condicional (ternario) Aquí a un link que te puede ayudar a entender como funciona: developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Operadores/Conditional_Operator Ahora bien, si te refieres a la lógica, específicamente en esa línea estoy preguntando lo siguiente: El track se ha movido?? Si la respuesta es "" (Es decir vacío). Entonces iguala la variable leftPosition al valor del track (Que es 0). Si, es diferente de "" (vacío), entonces iguala la variable leftPosition al valor del track (Diferente de 0) También puedes encontrar el código en mi GitHub y probarlo si quieres. :) Código: github.com/juliodaal/Carrusel-de-Subcategor-a
Para hacerlo más responsive de lo que es, debes usar los Media Queries: Aquí tienes un link para que veas como se usa: www.w3schools.com/css/css_rwd_mediaqueries.asp
@Leandro Olivera Que tal Leandro y Karly? he modificado un poco el código para que funcione con más de un Carrusel. El código se encuentra en mi GitHub -> github.com/juliodaal/Carrusel-de-Subcategor-a
@@keepcode8555 genial...te lo agradezco por tu ayuda...estoy todavia aprendiendo JS... Por eso me cuesta...pero muchas gracias por la ayuda que nos das....saludos
@@keepcode8555 si quisiera agregar N carrusel en una misma hoja de html ¿qué pasos debo de seguir? es que si agrego uno más ( es decir para tener más de 2 carrousel) se muestra a la mitad el primer carrousel y el resto si se ven , espero me puedas ayudar
Community Material Theme : darker high contrast marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-community-material-theme Material Icon Theme marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme
Eres grande, gracias por compartir tus conocimientos compañero.
Muy bueno, gracias por compartir
Gracias ti, por comentar.
te la rifaste fernando
Gracias Hermano gran aporte
Grande
Excelente video! nuevo sub
buttonPrev.onclick = () =>Move(1);
buttonNext.onclick = () =>Move(2);
me tira erron en esta parte alguien sabe???
y como harias, para que se mueva de izquierda a derecha?
Hola! Genial el tutorial, tengo que hacer algo asi para un tp y me sirve mucho. En el caso de dispositivos mobiles, ¿seria muy complicado sacar las flechas y que el desplazamiento funcione con el dedo?
Gracias Maria Lafont. Y no, no sería complicado.
@@keepcode8555 Como se hace ?
i love it! i have just one issue. When i run out of pictures i can keep scrolling through "nothingless". Is there a way i can fix this?
Hola, ¿cómo podría hacer para que al llegar a la última imagen me regresé a la primera? Muy buen video
en el js deberias de indicar que si hace un lcik mas tendria que avisar que el indice es el ultimo elemento del array
@@juancorso6340 como amigo?
@@dipspad5110 que necesitas hacer?
@@juancorso6340 que se regrese a la primera imagen jaja :,v, aiuda
@@dipspad5110 si solo querés un slider, usa splide.js.
Sería genial si pudieras agregar un slide automático y retorno infinito..
Hey excelente carruse, pero seria bueno volverlo responsive
Excelente aporte tiene funcionalidad y elegancia
Tienes algún ejemplo con esa elegancia pero para grid de imágenes no en carrusel?
hay alguna forma de meter el carrusel en un Div?
necesito ayuda, no me funciona
como podría hacerlo para que ademas que animarse al hacer click, avance automáticamente?
Gracias, muy bueno el video :)
Tendrías que usar las animaciones en JavaScript. Aquí te dejo un link para que puedas leer e investigar más sobre ello developer.mozilla.org/es/docs/Web/API/Element/animate
hola, me gustan muchos tus videos me parece genial... tengo una duda, sigo todos los pasos que tu haces pero al finalizar cuando le doy clic en las flechas no me corre el carrouel, que puedo hacer???,
Hola, el video ha sido genial y de mucha ayuda, pero tengo una duda, ¿cómo podría hacer que en lugar de que las imágenes avanzaran una a una, avanzaran de 5 en 5 (es decir, que avanzaran de acuerdo a los grupos que se ven en pantalla)?
track.style.left == "" ? leftPosition = track.style.left = 0 : leftPosition = parseFloat(track.style.left.slice(0, -2) * -1); como logras esta linea? de donde puedo estudiar este tipo de codigo q hiciste?
Ok, si te refieres al operador condicional (ternario) Aquí a un link que te puede ayudar a entender como funciona:
developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Operadores/Conditional_Operator
Ahora bien, si te refieres a la lógica, específicamente en esa línea estoy preguntando lo siguiente:
El track se ha movido?? Si la respuesta es "" (Es decir vacío). Entonces iguala la variable leftPosition al valor del track (Que es 0).
Si, es diferente de "" (vacío), entonces iguala la variable leftPosition al valor del track (Diferente de 0)
También puedes encontrar el código en mi GitHub y probarlo si quieres. :)
Código: github.com/juliodaal/Carrusel-de-Subcategor-a
bueno
joyita la pagina estas super buena!!! Queria preguntarte¿COMO LO PUEDO ADAPTAR PARA QUE SEA RESPONSIVE? gracias maestro
Para hacerlo más responsive de lo que es, debes usar los Media Queries: Aquí tienes un link para que veas como se usa:
www.w3schools.com/css/css_rwd_mediaqueries.asp
Es igual en typescript? Buen video
si a los div y a los ID le pusieras nombres que describan su funcion seria mejor
Responsive ?
Quiero poner 2 veces el carrusel, pero el segundo ya no funciona
Esto puedes ser porque tal vez tengas que adaptar el código JavaScript a dos carruseles.
@@keepcode8555 Hola podrias ayudarme en como podria adaptarlo a mas de un carrusel? desde ya muchas gracias por el aporte del video.. Saludos
@Leandro Olivera Que tal Leandro y Karly? he modificado un poco el código para que funcione con más de un Carrusel. El código se encuentra en mi GitHub -> github.com/juliodaal/Carrusel-de-Subcategor-a
@@keepcode8555 genial...te lo agradezco por tu ayuda...estoy todavia aprendiendo JS... Por eso me cuesta...pero muchas gracias por la ayuda que nos das....saludos
@@keepcode8555 si quisiera agregar N carrusel en una misma hoja de html ¿qué pasos debo de seguir? es que si agrego uno más ( es decir para tener más de 2 carrousel) se muestra a la mitad el primer carrousel y el resto si se ven , espero me puedas ayudar
¿Qué tema usas en VS Code?
Community Material Theme : darker high contrast
marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-community-material-theme
Material Icon Theme
marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme
@@keepcode8555 Gracias, esta re chido
Tienes disponible el codigo?
Claro, está en mi GitHub el link es github.com/juliodaal/Carrusel-de-Subcategor-a . También está en la descripción de este video.