Slider Automático con Html y Css

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ส.ค. 2024

ความคิดเห็น • 68

  • @SLeeDw
    @SLeeDw  4 ปีที่แล้ว +5

    ♦♦♦ APOYANOS ♦♦♦
    Suscrìbete para mas vídeos nuevos!!
    que estoy subiendo 2 a 3 vídeos semanalmente😍💌
    Gracias por tu apoyo y no olvides en dejarme tu hermoso like 👍🏻
    que eso me motiva para hacer màs tutoriales de Proyectos Web.😊👋🏻
    ::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    ♦♦♦ SIGUEME EN FACEBOOK♦♦♦
    web.facebook.com/SLee-Dw-102638024655607/
    ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    Si tienes alguna duda sobre este proyecto web 🤔 No olvides en decírmelo
    aquí 👇🏻💌 en los comentarios y yo te ayudare en lo que desees mi estimado programador😊👍

  • @misaelf.manzanares4190
    @misaelf.manzanares4190 ปีที่แล้ว +5

    Llevaba rato tratando de hacerlo y no podia, me salvastes. Eres el mejor❤

    • @SLeeDw
      @SLeeDw  ปีที่แล้ว

      Muchas gracias. Saludos 🙌

  • @Xurdefr11
    @Xurdefr11 6 หลายเดือนก่อน

    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!

  • @caboyca4839
    @caboyca4839 หลายเดือนก่อน

    BIEN ESPLICADO MI BRO

  • @juliansolo5279
    @juliansolo5279 ปีที่แล้ว +1

    Hola, me ayudas mucho en mi proyecto web, realmente ayuda mucho este tipo de videos muchas gracias

    • @SLeeDw
      @SLeeDw  ปีที่แล้ว

      Fue un placer ayudar. Bendiciones

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 2 ปีที่แล้ว +6

    Genial justo queria hacer esto , oajalá subas mas contenido asi , desde navbar y demas

    • @SLeeDw
      @SLeeDw  2 ปีที่แล้ว +1

      Muchas gracias por tu comentario. Subiremos más contenido al canal. Saludos y Bendiciones 🙌💻

  • @CesarGarcia-lw2ns
    @CesarGarcia-lw2ns ปีที่แล้ว +3

    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

  • @ElCanaldeVane
    @ElCanaldeVane ปีที่แล้ว

    Excelente, este video me ha servido mucho con mi trabajo.

  • @Unimaz_Studios
    @Unimaz_Studios 4 ปีที่แล้ว +4

    Que efecto tan bueno, LIKE

    • @SLeeDw
      @SLeeDw  4 ปีที่แล้ว

      Muchas Gracias bro👍!! En unos minutos subiré un video tutorial, espero que no te lo pierdas que estará increible👏

  • @petersauma1927
    @petersauma1927 2 ปีที่แล้ว +1

    Buenas noches!
    Excelente video!!
    No pude unirme al chat de whatsApp xq ya está lleno, tendrán otro grupo?

  • @aguss3163
    @aguss3163 ปีที่แล้ว +2

    Graciass !

  • @MusicA-qc7hs
    @MusicA-qc7hs 3 ปีที่แล้ว +2

    Gracias a ti termine mi tarea xD Un saludo

    • @SLeeDw
      @SLeeDw  3 ปีที่แล้ว

      Hola, nos alegra muchísimo a ver ayudado, Saludos y Dios te bendiga🙌💻

  • @EsDaniela
    @EsDaniela ปีที่แล้ว

    excelente!!! lo intentaré en mi proyecto!

  • @francovasileff398
    @francovasileff398 ปีที่แล้ว +2

    capo hice todo y me sale una imagen una a la par de la otra no me queda como a vos:(

  • @VocesDelAyer777
    @VocesDelAyer777 2 หลายเดือนก่อน

    bro, quiero incluir este slider en mi proyecto pero por algún motivo se genera espacio entre sliders, no se a que puede deberse

  • @Ezep02
    @Ezep02 ปีที่แล้ว +1

    muy buen video bro!

  • @juanmagomezomil9176
    @juanmagomezomil9176 2 ปีที่แล้ว

    Muchas gracias querido

  • @pedropinto6040
    @pedropinto6040 ปีที่แล้ว

    muchas gracias!

  • @OscarAlexanderLaraPineda
    @OscarAlexanderLaraPineda 4 หลายเดือนก่อน

    que wen video :V

  • @justdoitcoder
    @justdoitcoder 2 ปีที่แล้ว +1

    Muy buen tutorial, muchas gracias!

    • @SLeeDw
      @SLeeDw  2 ปีที่แล้ว

      Hola, muchas gracias por tu comentario. Saludos y Bendiciones🙌💻

  • @mr.firecat4536
    @mr.firecat4536 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

  • @antonellacalabrese671
    @antonellacalabrese671 2 ปีที่แล้ว +2

    gracias bro , funciona de 10

    • @SLeeDw
      @SLeeDw  2 ปีที่แล้ว

      Hola, muchas gracias por tu comentario. Saludos y Dios te bendiga🙌💻

    • @elmandolinxd3190
      @elmandolinxd3190 2 ปีที่แล้ว

      @@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?

  • @ibrahimamar821
    @ibrahimamar821 2 ปีที่แล้ว +1

    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.

  • @extorrote
    @extorrote 2 หลายเดือนก่อน +1

    Porque no me está agarrando la animación , a alguien más le pasa ?

  • @cristianalex1280
    @cristianalex1280 2 ปีที่แล้ว +1

    buena mi bro si me sirvio

    • @SLeeDw
      @SLeeDw  2 ปีที่แล้ว

      Muchas gracias, Saludos.

  • @luzz_s2630
    @luzz_s2630 4 ปีที่แล้ว +3

    consulta.. la animación sólo se ve cuando se sube al navegador? Gracias!

    • @SLeeDw
      @SLeeDw  4 ปีที่แล้ว +3

      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

  • @neveu10
    @neveu10 2 ปีที่แล้ว +1

    Muy buen video bro!

    • @SLeeDw
      @SLeeDw  2 ปีที่แล้ว

      Muchas gracias. Saludos y Bendiciones💻🙌

  • @willgarciaproducer
    @willgarciaproducer 2 ปีที่แล้ว +2

    y si quiero añadir ms de 4 imagenes al slider como seria en ese caso?

    • @dublingomez5638
      @dublingomez5638 ปีที่แล้ว +1

      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% .

  • @franconieva8767
    @franconieva8767 10 หลายเดือนก่อน

    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

  • @poretish
    @poretish 3 ปีที่แล้ว +2

    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

    • @MusicA-qc7hs
      @MusicA-qc7hs 3 ปีที่แล้ว

      Necesitas de CSS hasta donde yo se pero existe una forma de evitar crear un archivo extra si a eso te refieres :3

  • @topper1232
    @topper1232 ปีที่แล้ว +2

    Una pregunta, si quiero que las imagenes no tengas esa animacion de movimiento y cambien de repente como hago?

    • @saidochesto1455
      @saidochesto1455 หลายเดือนก่อน

      Le cambias a 0 segundos en vez de a 20

  • @cristianguainora8578
    @cristianguainora8578 11 หลายเดือนก่อน

    funciona pero al hacerlo me achivo las imagenes y se movio todo sl slide a la isquierda bien chico, quisera terlo en el centro

  • @michaelquenguan2957
    @michaelquenguan2957 ปีที่แล้ว

    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

    • @SergioTorres-lk2ee
      @SergioTorres-lk2ee ปีที่แล้ว

      possiblemente tienes menos de 4 imagenes lo mismo m pasaba mi ,en los keyframes esta dividido para usar 4 imagenes

  • @myperri13
    @myperri13 ปีที่แล้ว

    y usando solo 3 imagenes como lo podrias hacer ? ayuda

  • @miguelangelcuencapena9126
    @miguelangelcuencapena9126 4 ปีที่แล้ว +1

    hola buenos dias que pena no me coje estoy utilizando sublime text no me esta sirviendo que me aconseja gracias

    • @jhonroberturibe9406
      @jhonroberturibe9406 3 ปีที่แล้ว

      Debería de coger sino utiliza visual studio code y sale rapido

  • @David-ask
    @David-ask ปีที่แล้ว

    buenas queria saber como puedo achicar el tamaño ?? intente ponerlo en 250px pero no funciono

    • @FrankR_
      @FrankR_ ปีที่แล้ว +1

      No c, pero avrr pasa tu correo para que lo solucionemos c:

  • @marinaborja5125
    @marinaborja5125 2 ปีที่แล้ว

    es responsive?

  • @a.emmanuelckorderohernande4177
    @a.emmanuelckorderohernande4177 4 ปีที่แล้ว +1

    Eres la ostia broder.

    • @SLeeDw
      @SLeeDw  4 ปีที่แล้ว +1

      Hola Emmanuel, gracias por tu comentario, eres un crack también💻🙌
      Saludos y Éxitos..

    • @a.emmanuelckorderohernande4177
      @a.emmanuelckorderohernande4177 4 ปีที่แล้ว +1

      Oye broder y este slider podria funcionar ocupar videos en lugar de imagenes ?

  • @D.E.77
    @D.E.77 2 ปีที่แล้ว +1

    las imagenes tienes que ser de algun tamaño en especial???
    todas las imagenes tienen que tener el mismo tamaño?

    • @SLeeDw
      @SLeeDw  2 ปีที่แล้ว +1

      Si mi estimado, las imagenes deben ser del mismo tamaño.
      Saludos y Bendiciones.

    • @luisenrique2329
      @luisenrique2329 2 ปีที่แล้ว

      @@SLeeDw no me funciono con tamaño de imagenes grandes de 1920 * 800

  • @facundolemos9638
    @facundolemos9638 2 ปีที่แล้ว

    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
      @armandorafaelccahuanagueva5262 2 ปีที่แล้ว +1

      solo agregale otra imagen y listo otro li

    • @facundolemos9638
      @facundolemos9638 2 ปีที่แล้ว +2

      @@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

  • @juancarlosdiazsantacruz1788
    @juancarlosdiazsantacruz1788 3 ปีที่แล้ว

    si agrego mas imagenes ya no me agrega al slider

  • @judithcristinaquinonesinga3065
    @judithcristinaquinonesinga3065 4 ปีที่แล้ว

    Cuando coloco 400% width, me aparece um scroll horizontal :s

    • @minecraftero6786
      @minecraftero6786 3 ปีที่แล้ว

      Ya somos dos xd

    • @tito159
      @tito159 ปีที่แล้ว

      @@minecraftero6786 tres xd