Carrusel con Html y Css sin JavaScript

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ก.ค. 2024
  • Hacemos un carrusel sin JavaScript, con puro html y css
    esta es un buena opción para mostrar una galería de imágenes o algunos productos de manera rápida y que carguen lo mas rápido posible
    00:00 Intro
    00:08 Iniciamos la pagina
    01:00 HTML
    02:49 Css
    05:00 overflow: auto;
    06:50 Segundo carrusel
    12:37 Resumen
    ►Twitter: / djuliocb
    ►Twitch: / djuliox
    ►TikTok: / d.juliox
    ►Facebook: / dev-julio-100770295689325
    ►Todo el codigo aqui github.com/DevJuliox/
    ► abismomental.com

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

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

    Muy buena clase, bien explicado y bonito carrusel final sin javascript. Gracias y Feliciades por el canal.

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

    Te amo crack.

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

    Justo ayer estaba haciendo algo parecido pero hoy lo voy a mejorar. Están buenos los videos! 👍

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

    gran punto de referencia tu video, muchas gracias!!

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

    muy bueno julio gracias por enseñarnos!! saludos desde Buenos Aires

  • @gustavouzcatequi
    @gustavouzcatequi 7 หลายเดือนก่อน +1

    Increíble video gracias 😊

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

    Muy bueno! Nuevo sub

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

    que buen video amigo me solucionaste un problema que tenia

  • @danielmathews8238
    @danielmathews8238 9 หลายเดือนก่อน +1

    Gracias hermano

  • @jusittoledobernal4170
    @jusittoledobernal4170 11 หลายเดือนก่อน +1

    Mucha ayuda gracias

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

      Gracias por comentar

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

    Tienes facebook para poder consultarte algunas cosas? La verdad me gustan mucho tus videos...siempre los veo ☺️

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

      Puedes encontrarme como @devvjulio

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

    Muy interesante, por cierto que extensión usas que te sugiere propiedad css?

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

      Estoy utilizando Github copilot

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

    Muy buen video Amigo, una duda, que función le puedo agregar para que el carrusel se mueva automáticamente? Que se vaya moviendo de imagen a imagen automáticamente?

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

      Eso seria otro vídeo, tengo pensado subirlo apenas

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

    Una pregunta ‘ tengo un menú y un carrusel como ese; pero de repente el menú invade el área del carrusel se rompe hacia abajo aun estando separado

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

      Tienes que utilizar position:absolute; para el menu que sale, para que quede por arriba

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

    Hola, sr.Julio necesito un trabajo te pago si me lo podrías realizar, que medios manejas para comunicarme con usted?

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

      en discord discord.gg/8vP96vFvgn

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

    El carrusel solo funcionaría en teléfono?

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

      Se ve mejor en telefono, pero pudieras usar css pra mejorarlo para pc

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

    Se puede hacer esto mismo pero añadirle doy y arrows a los lados?

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

      Creo que ya hay unas propieades de html y css que si lo permiten, pero es algo muy basico

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

    es responsive?

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

      De algún modo lo es, ya que se adapta mucho mejor en Mobile que en desktop, pero no se tiene que hacer gran cosa para que se este adaptando a las resoluciones

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

    Hola como se baja el codigo

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

      Creo que no lo subi, pero esta facil de replicar

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

    No entiendo esa interfase’ yo uso dreamweaver

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

      Es Visual estudio Code, deberias cambiar dramweaver por este que estoy utilizando, se te ara mas facil

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

    amino me funciono este codigo me toco buscar otro

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

      lo encontraste? a mi tampoco me funciona este código

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

      Que parte es la que no funciona?

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

      ​@@DevJulio a mi tampoco me funcionó las imágenes siguen igual no se hizo el carrusel

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

      @@sarabriceno8576 Revisen bien punto por punto. es importante el acomodo del html

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

    no funciona el overflow-y🛺

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

      Quita todas las propiedades del elemento o elemento padre, cuando tiene un padre con position creo que no funciona muy bien, revisa esa parte