Suscríbete ✅ para más vídeos tutoriales de proyectos web 💻 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 🌐 Visita mi sitio web para más recursos 👇🏻: - bit.ly/sleedw 📱 Únete a nuestra comunidad en WhatsApp y comparte tus proyectos o dudas que tengas 👇🏻: - bit.ly/sleedw-grupo-whatsapp 🔵 Síguenos en Facebook 👇🏻: - bit.ly/face-oficial-sleedw ▶ Saludos y que Dios te bendiga. 🙌
Puedes agragar mas con imagenes en el HTML y en el CSS .slider ul{width:400%} aumentarle 100% x cada imagen y aumentar el patron en @keyframes{ margin-left: %;} darte cuenta del patron dividido entre 4 solo agrega 5 con -400% entre el 0% a 100% .
Hola, en mi proyecto quiero meter mas de 4 imagenes al slider, que valores de porcentaje se deberian manejar en el keyframes? o en cuanto tengo que dividir cada bloque? gracias
hola, tengo un problema, cuando utilizo la propiedad animation: cambio blablabla, me toma el nombre de la animacion como si fuera codigo, no me aparece en formato texto
@@SLeeDw lee,cuando el slider llega a la ultima imagen,vuelve a la primera imagen y de nuevo a la ultima imagen,cuando llega a la ultima imagen ahi si comienza funcionar bien porque va de 100% a 90% y asi sucesivamente, me podias decir por que va de atras para adelante?
Que tal, me ha resultado imposible encajar mis imágenes al slider, modifique el archivo estilos.css para que no ocupara toda la pantalla, edite .slider{ imágenes al 70, pero no cuadran las imágenes, no encajan, también trate modificando las diferentes propiedades del archivo estilos.css y siguen sin encajar, se corta una parte de ellas en el slider, que puedo hacer? gracias.
Hola Lucia, muchas gracias por comentar, respecto a tu pregunta, la animación se ve siempre y cuándo este ejecutado el archivo html de este proyecto en tu navegador, si tienes algún problema o alguna duda acerca de este proyecto, te invito a que te unas al grupo de whatsapp, para poderte ayudar mejor con cualquier problema que tengas.. este es el Link de invitación , Únete y se parte de está comunidad de programadores 🙌👉chat.whatsapp.com/Bq9yPZMPqZ3FNt8BRCbyi8
no me funciona, al momento de ubicarlo, simplemente aparece la primera imagen y esta se desliza de a poco de lado a lado, sin mostrar el resto de imagenes
hola, amigo, lo hice, y todo me quedo bien, menos que e sider se va para el lado izquierdo en la ultima foto y se queda en blanco, es decir, como si no quedara infinito, luego, se devuelve y se repite lo mencionado
Tengo un problema, es el siguiente: Yo tengo que agregar 9 imágenes, desconozco si eso afecta al código, y cuando la 9na imagen termina de salir quedan como 10s en blanco la tira para volver a empezar desde la 1ra; con "quedan como 10s en blanco" me refiero como si pusiera 2 imágenes de 5s cada una para que el slider le de tiempo a cargar de vuelta. No sé si me expliqué bien, si alguien me puede ayudar se lo agradecería.
@@armandorafaelccahuanagueva5262 ya lo intenté, pero como dije, es como si después de la última imagen se agregaran otras pero en blanco y queda en loop con esa tira blanca
Suscríbete ✅ para más vídeos tutoriales de proyectos web 💻
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
🌐 Visita mi sitio web para más recursos 👇🏻:
- bit.ly/sleedw
📱 Únete a nuestra comunidad en WhatsApp y comparte tus proyectos o dudas que tengas 👇🏻:
- bit.ly/sleedw-grupo-whatsapp
🔵 Síguenos en Facebook 👇🏻:
- bit.ly/face-oficial-sleedw
▶ Saludos y que Dios te bendiga. 🙌
Muy bueno. Me encantó! Sencillo, claro, bien explicado y por si fuera poco con la opción para descargar códigos e imágenes ¡Muchas gracias!
Llevaba rato tratando de hacerlo y no podia, me salvastes. Eres el mejor❤
Muchas gracias. Saludos 🙌
Hola, me ayudas mucho en mi proyecto web, realmente ayuda mucho este tipo de videos muchas gracias
Fue un placer ayudar. Bendiciones
Excelente, este video me ha servido mucho con mi trabajo.
Genial justo queria hacer esto , oajalá subas mas contenido asi , desde navbar y demas
Muchas gracias por tu comentario. Subiremos más contenido al canal. Saludos y Bendiciones 🙌💻
BIEN ESPLICADO MI BRO
y si quiero añadir ms de 4 imagenes al slider como seria en ese caso?
Puedes agragar mas con imagenes en el HTML y en el CSS .slider ul{width:400%} aumentarle 100% x cada imagen y aumentar el patron en @keyframes{ margin-left: %;} darte cuenta del patron dividido entre 4 solo agrega 5 con -400% entre el 0% a 100% .
Hola, en mi proyecto quiero meter mas de 4 imagenes al slider, que valores de porcentaje se deberian manejar en el keyframes? o en cuanto tengo que dividir cada bloque? gracias
Que efecto tan bueno, LIKE
Muchas Gracias bro👍!! En unos minutos subiré un video tutorial, espero que no te lo pierdas que estará increible👏
muy buen video bro!
excelente!!! lo intentaré en mi proyecto!
Graciass !
muchas gracias!
hola, tengo un problema, cuando utilizo la propiedad animation: cambio blablabla, me toma el nombre de la animacion como si fuera codigo, no me aparece en formato texto
bro, quiero incluir este slider en mi proyecto pero por algún motivo se genera espacio entre sliders, no se a que puede deberse
gracias bro , funciona de 10
Hola, muchas gracias por tu comentario. Saludos y Dios te bendiga🙌💻
@@SLeeDw lee,cuando el slider llega a la ultima imagen,vuelve a la primera imagen y de nuevo a la ultima imagen,cuando llega a la ultima imagen ahi si comienza funcionar bien porque va de 100% a 90% y asi sucesivamente, me podias decir por que va de atras para adelante?
Muchas gracias querido
Muy buen tutorial, muchas gracias!
Hola, muchas gracias por tu comentario. Saludos y Bendiciones🙌💻
Gracias a ti termine mi tarea xD Un saludo
Hola, nos alegra muchísimo a ver ayudado, Saludos y Dios te bendiga🙌💻
buena mi bro si me sirvio
Muchas gracias, Saludos.
Muy buen video bro!
Muchas gracias. Saludos y Bendiciones💻🙌
funciona pero al hacerlo me achivo las imagenes y se movio todo sl slide a la isquierda bien chico, quisera terlo en el centro
capo hice todo y me sale una imagen una a la par de la otra no me queda como a vos:(
Que tal, me ha resultado imposible encajar mis imágenes al slider, modifique el archivo estilos.css para que no ocupara toda la pantalla, edite .slider{ imágenes al 70, pero no cuadran las imágenes, no encajan, también trate modificando las diferentes propiedades del archivo estilos.css y siguen sin encajar, se corta una parte de ellas en el slider, que puedo hacer? gracias.
Una pregunta, si quiero que las imagenes no tengas esa animacion de movimiento y cambien de repente como hago?
Le cambias a 0 segundos en vez de a 20
que wen video :V
y usando solo 3 imagenes como lo podrias hacer ? ayuda
Porque no me está agarrando la animación , a alguien más le pasa ?
consulta.. la animación sólo se ve cuando se sube al navegador? Gracias!
Hola Lucia, muchas gracias por comentar, respecto a tu pregunta, la animación se ve siempre y cuándo este ejecutado el archivo html de este proyecto en tu navegador, si tienes algún problema o alguna duda acerca de este proyecto, te invito a que te unas al grupo de whatsapp, para poderte ayudar mejor con cualquier problema que tengas.. este es el Link de invitación , Únete y se parte de está comunidad de programadores 🙌👉chat.whatsapp.com/Bq9yPZMPqZ3FNt8BRCbyi8
mmm y es posible, hacer un slider como este dentro de un div sin tener acceso al head ni a colocar hojas de estilo? me pregunto yo
Necesitas de CSS hasta donde yo se pero existe una forma de evitar crear un archivo extra si a eso te refieres :3
no me funciona, al momento de ubicarlo, simplemente aparece la primera imagen y esta se desliza de a poco de lado a lado, sin mostrar el resto de imagenes
Buenas noches!
Excelente video!!
No pude unirme al chat de whatsApp xq ya está lleno, tendrán otro grupo?
buenas queria saber como puedo achicar el tamaño ?? intente ponerlo en 250px pero no funciono
No c, pero avrr pasa tu correo para que lo solucionemos c:
hola buenos dias que pena no me coje estoy utilizando sublime text no me esta sirviendo que me aconseja gracias
Debería de coger sino utiliza visual studio code y sale rapido
es responsive?
hola, amigo, lo hice, y todo me quedo bien, menos que e sider se va para el lado izquierdo en la ultima foto y se queda en blanco, es decir, como si no quedara infinito, luego, se devuelve y se repite lo mencionado
possiblemente tienes menos de 4 imagenes lo mismo m pasaba mi ,en los keyframes esta dividido para usar 4 imagenes
Eres la ostia broder.
Hola Emmanuel, gracias por tu comentario, eres un crack también💻🙌
Saludos y Éxitos..
Oye broder y este slider podria funcionar ocupar videos en lugar de imagenes ?
Tengo un problema, es el siguiente:
Yo tengo que agregar 9 imágenes, desconozco si eso afecta al código, y cuando la 9na imagen termina de salir quedan como 10s en blanco la tira para volver a empezar desde la 1ra; con "quedan como 10s en blanco" me refiero como si pusiera 2 imágenes de 5s cada una para que el slider le de tiempo a cargar de vuelta.
No sé si me expliqué bien, si alguien me puede ayudar se lo agradecería.
solo agregale otra imagen y listo otro li
@@armandorafaelccahuanagueva5262 ya lo intenté, pero como dije, es como si después de la última imagen se agregaran otras pero en blanco y queda en loop con esa tira blanca
si agrego mas imagenes ya no me agrega al slider
a mi si me funciono, tienes que cambiar las transiciones
las imagenes tienes que ser de algun tamaño en especial???
todas las imagenes tienen que tener el mismo tamaño?
Si mi estimado, las imagenes deben ser del mismo tamaño.
Saludos y Bendiciones.
@@SLeeDw no me funciono con tamaño de imagenes grandes de 1920 * 800
Cuando coloco 400% width, me aparece um scroll horizontal :s
Ya somos dos xd
@@minecraftero6786 tres xd