Slider de imagenes AUTOMATICO con html css y javascript

Подписаться 125 тыс.

Просмотров 39 тыс.

50% 1

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:

Опубликовано:

16 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 45

@AlexCGDesign 4 года назад

🔴 Descarga los archivos del programa: bit.ly/35N2Ajk

@derecktello3986 4 года назад

muchas graciasss

@mayrarovejero9837 4 года назад

Alex la verdad es que me encanta todo lo que nos ofreces y enseñas

@cesartejada7196 3 года назад

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.

@MiterasQuilting 4 года назад

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

@brandonmontes7767 4 года назад

Eres increible Alex!, gracias por compartir, todos tus conocimientos!!

@karlosyalta 4 года назад

Hermano excelente la verdad!! eres un capo! deberías tener más visitas

@leonardogerbacioromero5473 4 года назад

Sos un genio, gracias por compartir tus conocimientos !!

@dsalinas81 4 года назад

Muy entretenido y didáctico, gracias por tus videos.

@jenifferolivare9938 4 года назад

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

@roxanap2653 2 года назад

Graciass

@owenmaciel2682 Год назад

No entiendo porque cuando uso el nth-child(2) no me deja usar el color para el h2 solo me deja poner el background

@Juanitao 2 года назад

Gracias Alex!

@Mafer-vi5xs 3 года назад

Gracias amigo, muy buen video!!!! :))))

@cahuinluquecristopherantho7275 3 года назад

Gracias. Gran aporte.

@ginofm7142 4 года назад

Muy bueno, es el mejor slider que encontre!

@AlexCGDesign 4 года назад

Qué bueno amigo!

@haroldbetancourth7332 4 года назад

Sería bueno que lo implementaras en el nuevo proyecto que traes.

@cpitemplates 4 года назад

Gracias por tus aportes.

@felixlozada5260 4 года назад

agregale botones, no solo que se mueva solo

@developerz9000 2 года назад

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

@joha365 3 года назад

Tienes un slider con controles? Saludos y muy buen video!

@MiguelAngel-mf3yu 2 года назад

Como hago para agregar una transiones cada ves que cambia de imagen? Con css no funciona , agregandole un transition

@photo_e2314 4 года назад

Estuvo cool a mi tambien me paso lo mismo con el error de :nth-child() y lo solucione implementadolo en el contenedor

@RobertoMejiaCollazos 4 года назад

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.

@AlexCGDesign 4 года назад

Ya está amigo

@RobertoMejiaCollazos 4 года назад

@@AlexCGDesign Chevere gracias

@jeffry200xd 3 года назад

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

@johanmunoz8525 3 года назад

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á

@jenifferolivare9938 4 года назад

no me queda infinito se me devuelve con la transicion

@iristrejo3932 4 года назад

Ya lo hice, pero no tengo idea de como hacerlo responsive :( ya lo intente.

@nittsu03 3 года назад

Solo con archivos svg funciona?

@cristianivansanchez8638 3 года назад

Crack

@MHAROLD22 4 года назад

Y los arrows en los costados?

@AlexCGDesign 4 года назад

Es sólo para indicar que es un slider, en si es automático por eso no use arrows

@4ngel4guirre11 4 года назад

como hago para que la imagen este completa y encima las letras :)

@jonathantriana4057 4 года назад

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.