Como fazer um CARROSSEL em JAVASCRIPT | SLIDER automático

Поделиться
HTML-код
  • Опубликовано: 4 янв 2025

Комментарии • 35

  • @pirilampoVermelho
    @pirilampoVermelho Год назад +1

    caraca meu amigo, o vídeo mais didático que eu vi, não deixe de postar conteúdo, muito bom mesmo. obg!

  • @Vivaavida00
    @Vivaavida00 Год назад +1

    Tenho visto vários vídeos mas este foi o único em que não tem enrolação consegui fazer Deboaa

    • @prodigiodev
      @prodigiodev  Год назад

      Fico muito feliz por compartilhar conhecimento!

  • @chamanagrandemotorista
    @chamanagrandemotorista 7 месяцев назад

    Top, Top, Top, Top... Me ajudou muito irmão Parabens!

  • @PAULOAUGUSTO-d3f
    @PAULOAUGUSTO-d3f Год назад +1

    Show de bola!!!

  • @kinhogh101
    @kinhogh101 Год назад +1

    Muito bom 👏🏻👏🏻👏🏻👏🏻

  • @misaelsapiente4124
    @misaelsapiente4124 Год назад +1

    Muito bom! parabéns pelo conteudo

  • @natansousa7915
    @natansousa7915 Год назад +1

    Fera🎉❤

  • @brendo6746
    @brendo6746 Год назад +1

    show de bolo muito obrigado Amigo você e um amigo

  • @leandrosergio6093
    @leandrosergio6093 Год назад

    Top viu mano

  • @douglasbernardo9865
    @douglasbernardo9865 Год назад +1

    top irmao !

  • @WenesFrança-o9g
    @WenesFrança-o9g Год назад +1

    Boaa !

  • @leoz14
    @leoz14 6 месяцев назад

    Valeu, vai ajudar dms

  • @beeatgamer
    @beeatgamer 4 месяца назад

    Muito bom, mas como faz pra ele não "voltar" pra primeira imagem, pra continuar girando pro mesmo sentido? Como se apenas repetisse mesmo as fotos em looping?

  • @erikbruzzi1188
    @erikbruzzi1188 Год назад +3

    Eu segui o passo a passo, mas quando eu terminei falou que o a propriedade de "style" estava nula. Também o elemento da constante "box" estava nulo. Eu pesquisei e não encontrei nada a respeito. O que pode ser?

    • @emanuelnogueira9981
      @emanuelnogueira9981 Год назад +1

      Verifica se quando chamar a classe box, veja se está chamando corretamente pelo "QuerrySelector", tbm verifica se você está chamando corretamente a classe no css e se ela está correta ou não.

  • @maahnogueira8955
    @maahnogueira8955 Год назад +1

    👏🏻👏🏻👏🏻👏🏻👏🏻😍😍

  • @guitarrinhagamer
    @guitarrinhagamer 11 месяцев назад +1

    Segui todos os passos mas dá erro, de valor não definido no .box

    • @prodigiodev
      @prodigiodev  11 месяцев назад

      Bom, podemos dizer que há outras tags que possam dar interferência, mas eu recomendo dar uma olhada no meu código no Github, lá você pode comparar melhor e tirar dúvida.

  • @globallivebrasil3787
    @globallivebrasil3787 7 месяцев назад

    Valeu,

  • @edimirk9
    @edimirk9 Год назад +1

    Olha esse retorno do slide ao inicio ta muito duro
    Tem como colocar mais suave ou melhor voltar apenas
    re- aparecendo ???

    • @prodigiodev
      @prodigiodev  Год назад +1

      Nesse caso podemos utilizar o "cubic-bezier" que fará todo o processo de desaceleração no nosso projeto, assim deixando de forma mais suave.
      Aqui está um exemplo: .container { ... transition: transform 0.5s cubic-bezier(0.170, 0.885, 0.32, 1.275); ... }

  • @vitu3566
    @vitu3566 Год назад +1

    Mano, como eu coloco esse slide aí responsivo?? Se puder me ajudar pfv

    • @prodigiodev
      @prodigiodev  Год назад

      Então mano, nesse caso podemos implementar em nossa folha de estilo (CSS) o "@media (max-width: 800px) { ... }".
      Basicamente esse código definirá o tamanho em que o nosso width (largura) pode chegar, ou seja, se nossa largura chegar em 800px ela irá executar os códigos dentro do nosso "@media".
      Mais a frente eu irei lançar uma vídeo aula sobre como melhor sua resposividade de forma simples e fácil.

  • @franklinenio1295
    @franklinenio1295 10 месяцев назад +1

    como eu faço com "Vw" eu consigo?

    • @prodigiodev
      @prodigiodev  9 месяцев назад

      Super ótimo, inclusive é algo mais elaborado e profissional a se fazer

  • @evanilsonp.9900
    @evanilsonp.9900 9 месяцев назад +1

    Cara eu sou backend. Sofro demais com css 😂 Gosto dos meus projetos bonitos e nao quero gastar meu tenpo aprendendo Bootstrap.

    • @prodigiodev
      @prodigiodev  9 месяцев назад

      Bootstrap as vezes deixa a desejar e é limitado 😂

    • @evanilsonp.9900
      @evanilsonp.9900 9 месяцев назад

      @@prodigiodev Aprendi sobre tailwind e acho mais legal. Só peca em não ter componentes já feitos como o BOOTSTRAP porém tem sites que fornecem componentes feitos