Slider de imagenes AUTOMATICO con html css y javascript
Вставка
- Опубліковано 19 вер 2024
- Hola, qué tal el día de hoy vamos a crear un slider automatico de imagenes con html css y javascript, responsive adaptable a dispositivos moviles.
👇👇👇Ver más👇👇👇
No te olvides de dejar un comentario de que te gustaría ver en cursos previos de mi canal y suscribirte al canal, porque con AlexCG Design, crecemos juntos!
📣 ¿Necesitas un Hosting y Dominio? Utiliza el cupón "ALEXCG" hasta para un 90% de descuento en Hostinger.com.
ENTRA AQUÍ 👉 www.hostinger....
👨💻🎁 Aprende Diseño Web Desde Cero(Descuento) 👉 alexcgdesign.c...
▶️ Descarga los archivos del programa: bit.ly/35N2Ajk
📌 Links interesantes 📌
▶️ ¿Necesitas una página web?: bit.ly/2VaUUGt
▶️ Blog de desarrollo web: bit.ly/2DJM0oF
▶️ ¿Te gustó el vídeo? Suscribete aquí: www.youtube.co...
✉️ Redes sociales ✉️
▶️Facebook: goo.gl/7o77tx
▶️Linkedin: goo.gl/byCJnS
▶️Github: github.com/Ale...
▶️ Página web: bit.ly/2VaUUGt
Tags:
🔴 Descarga los archivos del programa: bit.ly/35N2Ajk
muchas graciasss
Muy bueno el video. De hecho lo voy a agregar a una de las páginas que estoy creando... muchas gracias por transmitirnos tus conocimientos.
Este tutorial hubiera estado de otro mundo si le hubieses puesto flechas y los circulitos para moverlo manual al mismo tiempo. que lastima . pero muchas gracias.. me sirvio mucho , me gustan tus videos. estoy por obtener tu curso de udemy
Alex la verdad es que me encanta todo lo que nos ofreces y enseñas
Muy buen video hermano muchas gracias🎉😊
Eres increible Alex!, gracias por compartir, todos tus conocimientos!!
Hermano excelente la verdad!! eres un capo! deberías tener más visitas
en el transcurso de los vídeos es interesante ver como te las arreglas con los posibles errores que salen mientras uno programa, se ve que lo haces todo improvisando y eso bueno porque uno aprende esos pequeños detalles que lo riegan todo :v
Sos un genio, gracias por compartir tus conocimientos !!
Muy entretenido y didáctico, gracias por tus videos.
Gracias Alex!
Graciass
Sería bueno que lo implementaras en el nuevo proyecto que traes.
Gracias por tus aportes.
Gracias. Gran aporte.
Muy bueno, es el mejor slider que encontre!
Qué bueno amigo!
Estuvo cool a mi tambien me paso lo mismo con el error de :nth-child() y lo solucione implementadolo en el contenedor
Gracias amigo, muy buen video!!!! :))))
Tienes un slider con controles? Saludos y muy buen video!
No entiendo porque cuando uso el nth-child(2) no me deja usar el color para el h2 solo me deja poner el background
agregale botones, no solo que se mueva solo
Gracias por el aporte nada mejor que diseñar una web en vivo. El enlace del slider no subió podría subirlo nuevamente gracias. Saludos.
Ya está amigo
@@AlexCGDesign Chevere gracias
Me da un error en esta parte bro, no lo puedo arreglar :(
slider.style.transform = de aca "translate("+(-width*contador)+"px)"; hasta aca me da el error
Como hago para agregar una transiones cada ves que cambia de imagen? Con css no funciona , agregandole un transition
Bro tengo una duda con respecto al codigo, me gustaría saber como comunicarme contigo...
cuando lo ejecuto con chrome el section no se ve con fondo como esta en el css con el nth-child (1){
color: xxxxxx
}
pero cuando lo ejecuto con edge o desde el index si funciona....
Muchas Gracias
no me queda infinito se me devuelve con la transicion
Jaja ese error en la maquetación me a pasado un sin fin de veces solo hay que tomarse lo con calma y ver en dónde está
Crack
Ya lo hice, pero no tengo idea de como hacerlo responsive :( ya lo intente.
Solo con archivos svg funciona?
Alex por favor puede hacer un preloader responsive gracias saludos UwU
Ya tengo unooo
Ya hice otro
Y los arrows en los costados?
Es sólo para indicar que es un slider, en si es automático por eso no use arrows
como hago para que la imagen este completa y encima las letras :)
Puedes tomar el tamaño de la pantalla, con medidas relativas de vh y vw.
Y para sobre-poner el texto... Puedes usar el position: fixed;
Aunque creo que llegué un poquito tarde jaja.
no hay el archivoo
Ya está
loco tienes esos errores por no tener en cuenta la estructura de tu html aunque creo que ya en este 2020 ya no tienes esos errores
Hola amigo, te refieres a la estructura semántica?
No sé si decirte que lo haces bien o que como todos eres un poco desordenado