Crea un slider moderno con JavaScript y CSS
ฝัง
- เผยแพร่เมื่อ 26 ส.ค. 2024
- 🚀 Inscribete hoy al BOOTCAMP de JavaScript: codigofacilito...
🐊 Síguenos en:
Twitter: / codigofacilito
Facebook: / codigofacilito
Instagram: / codigofacilito
TikTok: codigofacilito.oficial
----
Código Facilito es una de las plataformas de aprendizaje online de programación más grandes de habla hispana. Desde el 2010 formamos programadores en toda América Latina y España enseñando. HTML, JavaScript, React, Python, Rails, Go y mucho más.
Amigo, sos un crack. Cuando yo era un noob total, no sabía cómo buscar recursos actuales para aprender a programar/maquetar, no sabía nada y no podía comprar cursos, porque era zarpado en pobre. Los únicos que me aparecían en español era "CódigoFácilito" y "FalconMaster". Yo aprendí de ustedes en esa época, gracias a sus cursos gratuitos, facilitación de contenido y explicación en TH-cam. Hoy tengo mi pichi gamer, sé inglés y nunca me voy a olvidar de mis primeros pasos gracias a ustedes.
Bendiciones parseros. Que labor tan linda tomarse el tiempo de formarnos. No se imaginan que yo solo tengo una señal de internet cerca a la finca donde vivo y me he auto enseñado gracias a uds. Pasando mis tardes en medio de las vacas pero aprendiendo paso a paso a programar.
Segui el tutorial pero no funciono
el man hasta utiliza una estrella JAJAJ pura farsa el tipo
dios que crack no me sabia ese truco de aspect ratio, lo bueno que es estudiar css puro
Genial el vídeo te felicito claro y conciso para poder generar un efecto muy bueno en la página...lo único que te diría es que en el próximo subas un poco el volumen por qué se escuchaba bajo...por lo demás 10/10
Hola Ariel.! Gracias por tan genial vídeo... Una duda que tengo desde siempre: Tomando como ejemplo y base tu código, que debería hacer diferente para que las imágenes se mostrarán en el navegador tal cual como las tuyas pero utilizando solo la parte alta del viewport (digamos un 35% del ancho del vh), y que a su vez la imágenes fueran responsive, es decir que se mostrarán completamente pero adaptándose al viewport disponible de los dispositivos. En lo particular, esto me ha sido imposible lograrlo (y he intentado casi todo), pero siempre las imágenes se muestran cortadas, nunca he logrado que las imágenes se muestren completamente dentro de ese 35% en tamaños > 768px; aunque en tamaños < 768px, las imágenes si que se hacen responsive, se adaptan al tamaño del viewport del dispositivo. Saludos y gracias adelantadas por el apoyo. Quedo atento!
eso no sirve intente el js, y eso tiene muchso errores y lo revise varias veces lo copie tal cual como tu dices y nada.. y desde el principio en el css las imagene sno se acomadaban una al lado del otra siempre era abajo
Muchas gracias por compartir. Es muy valioso. Me llama la atención del tema del código. ¿Cuál será?
Que hay que activarle a code pen para que se autocomplete los datos ? pues autocomplete las funciones de js y lo demas ?
Esta genial el codigo , agradeceria si me indicaras como agregarle el boton left y righ para navegar y cuando este encima de la imagen se pare el intervalo de tiempo. solo eso falto :D , muy capo. bendiciones
puedes descargar los iconos buscalos como arrows, le das una posicion absoluta si deseas que estén dentro del rango del slider, y con un condicional (invirtiendo el signo dependiendo de la dirección) puedes darle la funcionalidad a los botones, con la diferencia de que este parta de escuchar el evento click para cada botón en cuestión.
fua falco, mil gracias, me acabas de abrir una puerta
hola, no me funciona la animación alguien sabe pq?
Amigo pero cuando llega a la última imagen se regresa bruscamente desde el final al inicio, y no esta bonito eso debería ser continuo que no se note que otra vez empezó de la primera digo yo porque así son los slider de botstrap
pero esto es más un carousel que un slider, osea falta el deslizamiento tanto por el click como el tactil :(
no funciona el script que desliza!!
El primero 😎
Genial.
No sirve.
Amigo, sos un crack. Cuando yo era un noob total, no sabía cómo buscar recursos actuales para aprender a programar/maquetar, no sabía nada y no podía comprar cursos, porque era zarpado en pobre. Los únicos que me aparecían en español era "CódigoFácilito" y "FalconMaster". Yo aprendí de ustedes en esa época, gracias a sus cursos gratuitos, facilitación de contenido y explicación en TH-cam. Hoy tengo mi pichi gamer, sé inglés y nunca me voy a olvidar de mis primeros pasos gracias a ustedes.
Gracias por este mensaje 🐊