- Видео 2
- Просмотров 25 783
Keep Code
Добавлен 1 апр 2020
Error 404 - Animado | HTML CSS JS
Link repositorio en GitHub para adquirir el código:
- github.com/juliodaal/404Error---Animated
Link documentación Oficial Sass:
- sass-lang.com/documentation
Link Prepros, para compilar Sass a Css:
- prepros.io/downloads
- ¿De dónde saco la música ..? Del siguiente Link:
- ruclips.net/channel/UCht8qITGkBvXKsR1Byln-wA
El diseño es gracias a Freepik, Link:
Designed by Freepik
- www.freepik.com
- www.freepik.es/vectores/negocios
www.freepik.com/free-vector/error-404-concept-landing-page_4730712.htm#page=1&query=404%20error%20space&position=1
- github.com/juliodaal/404Error---Animated
Link documentación Oficial Sass:
- sass-lang.com/documentation
Link Prepros, para compilar Sass a Css:
- prepros.io/downloads
- ¿De dónde saco la música ..? Del siguiente Link:
- ruclips.net/channel/UCht8qITGkBvXKsR1Byln-wA
El diseño es gracias a Freepik, Link:
Designed by Freepik
- www.freepik.com
- www.freepik.es/vectores/negocios
www.freepik.com/free-vector/error-404-concept-landing-page_4730712.htm#page=1&query=404%20error%20space&position=1
Просмотров: 1 195
Видео
Carrusel de imagenes | HTML CSS y JavaScript
Просмотров 25 тыс.4 года назад
Links de Música: - ruclips.net/video/ups0Y_U35yg/видео.html - ruclips.net/video/pJThZlOuDtI/видео.html - ruclips.net/video/vpJDMD2EzkA/видео.html - ruclips.net/video/qiBHOiEl9EI/видео.html - ruclips.net/video/JY8vREZ6XYE/видео.html Link Código: ( He actualizado el código para que funcione con más de un carrusel, debido a las peticiones de algunas personas. ; ) ) - github.com/juliodaal/Carrusel-...
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?
te la rifaste fernando
buttonPrev.onclick = () =>Move(1); buttonNext.onclick = () =>Move(2); me tira erron en esta parte alguien sabe???
Hey excelente carruse, pero seria bueno volverlo responsive
Grande
hay alguna forma de meter el carrusel en un Div?
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)?
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???,
y como harias, para que se mueva de izquierda a derecha?
Sería genial si pudieras agregar un slide automático y retorno infinito..
Hermano gracias! Excelente video sigue así!
necesito ayuda, no me funciona
Excelente aporte tiene funcionalidad y elegancia Tienes algún ejemplo con esa elegancia pero para grid de imágenes no en carrusel?
bro, al momento de poner la imagen hay que descargarla, donde puedo descargar al astronauta y las estrellas?
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.
Responsive ?
Buen video
Excelente video! nuevo sub
bueno
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 ?
Es igual en typescript? Buen video
si a los div y a los ID le pusieras nombres que describan su funcion seria mejor
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
Bro.. no se como no tienes tantos subs.. los dos videos que tienes son geniales, sigue así. Por cierto, nuevo sub
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
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
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
Gracias Hermano gran aporte
Eres grande, gracias por compartir tus conocimientos compañero.
¿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
Muy bueno, gracias por compartir
Gracias ti, por comentar.
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.