Ei cara, me ajuda por favor porque fiz o código igual mas não funciona a movimentação das imagens. Aparece um quadrado com a primeira imagem e não prossegue a movimentação do carousel
Relaxa mano, esse código não funciona mesmo. Não tem nada de errado com vc. Estou estudando há bastante tempo e de vez em quando acontece isso. Recomendo tentar com outro tutorial. Nada contra quem fez esse vídeo aqui, mas realmente é de enlouquecer quando a gente copia o código igualzinho o do vídeo e não funciona ...
@@jefersonaraujo8863 MANNNNN!!! você me salvou! Copiei exatamente o código do video e não deu certo, mas da forma que você colocou aqui funcionou!!! Obrigado!!!
Alguém sabe uma solução pra esse efeito voltar pra primeira foto sem passar pelas anteriores? Tipo apenas fosse passando igual tá aí mas após a última viesse a primeira e assim sucessivamente?
uma dica pra quem ficou com o fundo em branco no final ou teve um problema da imagem ficar com a tela dividida é so colocar display:inline-flex na classe carrosssel
@@anthonydaniel1759 Meu amigo vem aqui que eu vou te dar um beijo nessa tua boca 20 HORAS TENTANDO ENTENDER POR QUE A MERDA DO MEU CARROSSEL NÃO GIRAVA E O SENHOR ACABA DE SALVAR A MINHA VIDA NESSA PORRA COM SEU `crase`
Alguém poderia me ajudar? Desenvolvi esse carrossel e quando abro o site em um smartphone percebo q sempre que desço e subo a página do site o carrossel começa a girar mais rápido. Queria saber como reverter esse comportamento
Preciso de ajuda, o carrossel não quer funcionar. Estou trabalhando com imagens jpg direto do pc, só aparece a primeira e não da sequencia. Fico grata pela ajuda.
no meu site eu coloquei o carrosel e funcionou, mas ele tem um cabeçalho fixo, e quando ele vai scrollando para baixo as imagens passam por cima do cabeçalho, como se ele estivesse uma camada acima, como resolver isso?
ao estilizar meus arquivos css não esta trazendo mais as palavras, como se não estivessem mais armazenadas. como não sei muito ingles tem errado algumas palavras. O que pode ser feito?
Isso não é bem um carrousel. Um carrousel de vdd não volta, quando chega última imagem, ele vai pra primeira na mesma direção, dando o efeito de que as imagens estão sobre um eixo rotacionando. Isso eu faço só com HTML e CSS.
Boa noite Nilton, poderia me passa o código de que seria então o carrousel da forma correta somente com HTML e CSS que vc comentou? .....manda o link por favor....
@@allanfarias1988 Você entendeu errado! Eu falei que isso que ele ensinou eu faço só com HTML e CSS. Não é possível criar um carrosel somente com HTML e CSS.
mas não é dificil com o tempo fica facil isso ai mano aposto que nesses 10 meses já aprendeu muita coisa vou fazer e depois coloco a disposição pra geral ver !! faço programação por hobby!
09:07 poderia trazer um tutorial de como fazer uma galeria de videos/thumbnail, tipo essa do do youtube. porém ela dentro de uma div que vc pode arrastar para baixo pra procurar a thumbnail de outro e a pagina não subir, aqui no youtube quando vc tenta ver a miniatura de um vídeo o vídeo que esta assistindo sabe e vc desce para ver a miniatura, eu quero deixar o "vídeo que esta assitindo"parado...
Boa tarde a todos, estou tendo dificuldade na criação de um carrossel de imagens no javascript, no final das imagens aparece um espaço em branco que só volta no inicio das imagens depois que todas imagens somem de tela com a transição, alguém já teve esse problema e consegue me ajudar a resolver?
no inicio do video aparece uma imagem ao lado da outra que era o que eu precisava, mas o vídeo não se trata disto ... é uma imagem apenas aparecendo ...aff enganação....
Cara, por favor, tem como me ajudar? To tentando implementar um slider de produtos na minha loja há 15 dias, mas tá dificil. Quando não é uma coisa é outra!! Uma hora buga, na outra conflita com algum codigo já existente. Vc poderia me ajudar? Creio que pra quem entende é molezinha.
Bem, isso não é para iniciante, já que está totalmente mal explicado. Ps sei que o intuito é mostrar como se faz o carrossel, porém seria uma aula MUITO MAIS rica se explicassem afundo cada função apresentada no vídeo.
Opa.. Fiz tudo como manda o figurino e não rolou, no final deu 5 erros no script.js na parte do "translateX(${-idx * 500}px)" - Sabe o que pode ser? E o video esta top, da hora. Sucesso
Muito top aula, meus parabens, só que o meu ta dando um erro e tentei de varias formas arrumar mas n consegui, alguem pode ajudar? function.js:15 Uncaught TypeError: Cannot read property 'style' of null at carrossel (function.js:15) at function.js:6 esse erro ai, diz que não pode ler a propriede style no arquivo javascript
Esse erro diz que não pôde ler a propriedade style do objeto por que ele é nulo. Basicamente ele não conseguiu encontrar o objeto que vem antes da propriedade(imgs.style de acordo com o tutorial), provavelmente por que o id que vc passou no document.getElementById() tá errado.
@@josejardeu3641 vlw mano por tentar ajudar, o que realmente tava mais pegando, é que o script tava acho que carregando antes de iniciar o site, ou algo do tipo, ai eu adicionei o js no corpo e por fim deu certo.
E piloto de formula 1? Calma cara quando for explica as coisas vai com calma, tem pessoas que vem para o video para aprender realmente , não um ver um narrado de rodeio fica a dica. E deveria ter deixado o carrocel mas bonito mas valeu pela iniciativa.
Esse video venho na hora certa, to fazendo um projeto de site de compras e tava precisando de um carrosel e nenhum video tinha uma explicação boa.
esse também não tem
Ei cara, me ajuda por favor
porque fiz o código igual mas não funciona a movimentação das imagens.
Aparece um quadrado com a primeira imagem e não prossegue a movimentação do carousel
Eai Felipe, conseguiu descobrir o motivo? Estou com o mesmo problema
Relaxa mano, esse código não funciona mesmo. Não tem nada de errado com vc. Estou estudando há bastante tempo e de vez em quando acontece isso. Recomendo tentar com outro tutorial. Nada contra quem fez esse vídeo aqui, mas realmente é de enlouquecer quando a gente copia o código igualzinho o do vídeo e não funciona ...
Bota isso aqui `translateX(${-idx * 240}px)`; }
@@jefersonaraujo8863 MANNNNN!!! você me salvou! Copiei exatamente o código do video e não deu certo, mas da forma que você colocou aqui funcionou!!! Obrigado!!!
EXECELENTE... Direto, objetivo, 100% funcional!!! Muito obrigado.
Nessa aula foi oficialmente proibido o uso de JQuery kk
Show ! continuem trazendo conteúdo puro na unha
Fiz igualzinho n funcionou. Pode ser alguma extensão não instalada?
Alguém sabe uma solução pra esse efeito voltar pra primeira foto sem passar pelas anteriores?
Tipo apenas fosse passando igual tá aí mas após a última viesse a primeira e assim sucessivamente?
Direto e tutorial excelente! Você me ajudou muito
Acho que assisti uns 15 videos... Só consegui fazer nesse!
com eu faço pro carrossel cobrir a tela toda?
uma dica pra quem ficou com o fundo em branco no final ou teve um problema da imagem ficar com a tela dividida é so colocar display:inline-flex na classe carrosssel
mesmo assim o meu nao funcionou ficou a tela branca após a primeira imagem
o meu após percorrer todas as imagem fica na tela branca
Estranho, o meu deu certo do modo que expliquei
@@LottusAlfaiatariacosturas Aqui funcionou, tava usando display: flex e justify-content:center e tava ficando branco o final. Com sua dica, resolveu
@@natasharebelo6819 que bom fico feliz em ter ajudado
dahora a aula, mas no meu não deu certo na parte do slides tanto css e javascript e as minhas imagens são jpg e png
E como faz loop?
Top demais vou implementar este carrossel na página de aprendizado que estou fazendo pra um colega na área de segurança no trabalho
O meu está travado e não funcionou. Não aparece erro.É como se estivesse começando antes. Alguém pode ajudar?
Na parte do TranslateX do JS, você usa aspas simples?
`crase` por conta da ${}
Pergunta simples responda objetivo e vídeo foda. Obrigado gente.
@@anthonydaniel1759 Meu amigo vem aqui que eu vou te dar um beijo nessa tua boca 20 HORAS TENTANDO ENTENDER POR QUE A MERDA DO MEU CARROSSEL NÃO GIRAVA E O SENHOR ACABA DE SALVAR A MINHA VIDA NESSA PORRA COM SEU `crase`
@@anthonydaniel1759
A `crase` fez a diferença.
EXELENTE, SÓ FALTOU SER RESPONSIVO, NÃO SEI COMO FAZER...PODEIRA ME AJUDAR?
Estou com o mesmo problema
Não estou conseguindo deixar responsivo
Adorei! Queria ver isso com reactJS kkk
Somos dois cara hehehe
posso colocar link indivual pra cada imagem? como se cada imagem tivesse um link
Carrossel diferente do da tumb ai é foda eu precisava de um igual o da tumb e ele vem com uma imagem que se mexe é foda
qual e a extensão que você usa que deixa o símbolo das linguagens do lado?
Se for o dos ícones, chama "Material Icon Theme"
beleza, valeu galera
Pessoal, será que também funciona com imagem png armazenada no PC ou só quando copia a url da internet? Um abraço!
funciona também
funciona também, mas tem que colocar o path corretamente.
Alguém poderia me ajudar? Desenvolvi esse carrossel e quando abro o site em um smartphone percebo q sempre que desço e subo a página do site o carrossel começa a girar mais rápido. Queria saber como reverter esse comportamento
Perfeito, prático, muito bom
Você é o melhor dos melhores
Esse código não funciona.
Como faço mais de um, na mesma página?
Preciso de ajuda, o carrossel não quer funcionar. Estou trabalhando com imagens jpg direto do pc, só aparece a primeira e não da sequencia. Fico grata pela ajuda.
mesma coisa
O meu não funcionou. As imagens ficaram uma do lado da outra
o meu não rodou
porque dos ( ` ` )no final e não usar as ( ' ' ) não
entendi essa parte
no meu site eu coloquei o carrosel e funcionou, mas ele tem um cabeçalho fixo, e quando ele vai scrollando para baixo as imagens passam por cima do cabeçalho, como se ele estivesse uma camada acima, como resolver isso?
põe z-index = 10000 no seu cabeçalho
ao estilizar meus arquivos css não esta trazendo mais as palavras, como se não estivessem mais armazenadas. como não sei muito ingles tem errado algumas palavras. O que pode ser feito?
Se ao passar todas as imagens sua div não volta ao começo, faça isso no Java script
if (idx > imgs[0].children.length - 1) {
idx = 0
}
o meu nao deu certo a unica coisa que fiz diferente foi o tamanho da imagem H:392, W:902. fica a tela branca após a primeira imagem
Tem como no canva ?
Como integrar esse codigo num site?
Sensacional cara, continua que tu é bom.
Uncaught TypeError: Cannot set properties of undefined (setting 'transform')
at carrossel
Talvez pode ser que vc não esteja utilizando o crase.
Tentei fazer e não deu certo
Isso não é bem um carrousel. Um carrousel de vdd não volta, quando chega última imagem, ele vai pra primeira na mesma direção, dando o efeito de que as imagens estão sobre um eixo rotacionando. Isso eu faço só com HTML e CSS.
Boa noite Nilton, poderia me passa o código de que seria então o carrousel da forma correta somente com HTML e CSS que vc comentou? .....manda o link por favor....
@@allanfarias1988 Você entendeu errado! Eu falei que isso que ele ensinou eu faço só com HTML e CSS. Não é possível criar um carrosel somente com HTML e CSS.
Realmente, nem precisaria de js pra isso;-;
eita pega é de sergipe só pode kkk forte abraço mano!
vc ensina a fazer a diferença. Parabens.
quero meu produtos fica assim tem como ele gira sozinho ?
Massa man, faltou só deixar os códigos aqui pra quem é leigo igual a mim, mas tenta se virar como autodidata 😅
mas não é dificil com o tempo fica facil isso ai mano aposto que nesses 10 meses já aprendeu muita coisa vou fazer e depois coloco a disposição pra geral ver !! faço programação por hobby!
Parabem muito muito, gostei
Voce poderia ensinar centralizar a pagina no no corpo do site.
Boa tarde! Tenta assim.....
body{
display: flex;
align-items:center;
justify-content:center;
hight:100vh;
}
Muito bom, parabéns
ta osso não funciona mais
gostei mt do seu conteúdo mano mas como dica tenta falar um pouco por cima sobre os atributos que vc ta usando abraço
Se eu quiser que cada imagem dessa seja um link pra um site, como é que faz?
Imagens
Muito bom!!!
09:07 poderia trazer um tutorial de como fazer uma galeria de videos/thumbnail, tipo essa do do youtube. porém ela dentro de uma div que vc pode arrastar para baixo pra procurar a thumbnail de outro e a pagina não subir, aqui no youtube quando vc tenta ver a miniatura de um vídeo o vídeo que esta assistindo sabe e vc desce para ver a miniatura, eu quero deixar o "vídeo que esta assitindo"parado...
tem o position:fixed
Boa tarde a todos, estou tendo dificuldade na criação de um carrossel de imagens no javascript, no final das imagens aparece um espaço em branco que só volta no inicio das imagens depois que todas imagens somem de tela com a transição, alguém já teve esse problema e consegue me ajudar a resolver?
eu consegui resolver dps de quebrar muito a cabeça
no inicio do video aparece uma imagem ao lado da outra que era o que eu precisava, mas o vídeo não se trata disto ... é uma imagem apenas aparecendo ...aff enganação....
🤩 Massa
SO EU QUE NÃO CONSIGO FAZER ESSE CARROSEU É
você poderia trazer mais efeitos de javascript ?
Cara, por favor, tem como me ajudar? To tentando implementar um slider de produtos na minha loja há 15 dias, mas tá dificil. Quando não é uma coisa é outra!! Uma hora buga, na outra conflita com algum codigo já existente. Vc poderia me ajudar? Creio que pra quem entende é molezinha.
@EXTREMO Quero sim, amigo! Mais uma coisa: vc sabe em qual parte do código do site, eu devo anexar esse código do slider?
@EXTREMO Mtooo obrigado, meu amigo!
@EXTREMO minha duvida é onde colocar, basicamente. É que vou usar para a minha loja na shopify e lá existem várias pastas
Deus te abençoe
na linha 13 do Js usou crase e $ e não explicou nada
Deixei o like zao
Parabéns, massa demais, só uma dúvida naquela parte que colocou idx++ poderia ter usado um while? Ou iria "sujar" o código?
n funcionaria pois a funçao n ia sair do loop
do jeito q ta com o idx++ significa q toda vez q a funçao e chamada soma 1
o meu carrossel não funcionou vei, fiz tudo direitinho mermão
É, o meu também não funcionou...
poxa o meu tbm n
o meu tbm nao :(((((
massa!
muito top
fiz igualzinho e ficou péssimo
Você criou esse tutorial do 0 ??
Bem, isso não é para iniciante, já que está totalmente mal explicado. Ps sei que o intuito é mostrar como se faz o carrossel, porém seria uma aula MUITO MAIS rica se explicassem afundo cada função apresentada no vídeo.
Mas o vídeo não é uma aula e sim um tutorial, se você quer aula tem que comprar o curso..kkk
4:08
Único professor na web que vejo explicar direito é o guanabara, o resto só balela...
O nome de Elon Musk tá de trás pra frente alí atrás.
Opa.. Fiz tudo como manda o figurino e não rolou, no final deu 5 erros no script.js na parte do "translateX(${-idx * 500}px)" - Sabe o que pode ser?
E o video esta top, da hora. Sucesso
É para usar o "translateX(${-idx * 500}px)" dentro de ´translateX(${-idx * 500}px)´
tem que usar crase no translateX nao aspas
Parei de ver o video quando bati o olho no livro do elon musgo
Que clickbait hein, o carrossel que vc ensina é bem parecido com o do thumbnail kkk
mt bom , so que mt rapido
Muito top aula, meus parabens, só que o meu ta dando um erro e tentei de varias formas arrumar mas n consegui, alguem pode ajudar?
function.js:15 Uncaught TypeError: Cannot read property 'style' of null
at carrossel (function.js:15)
at function.js:6
esse erro ai, diz que não pode ler a propriede style no arquivo javascript
Esse erro diz que não pôde ler a propriedade style do objeto por que ele é nulo. Basicamente ele não conseguiu encontrar o objeto que vem antes da propriedade(imgs.style de acordo com o tutorial), provavelmente por que o id que vc passou no document.getElementById() tá errado.
@@josejardeu3641 vlw mano por tentar ajudar, o que realmente tava mais pegando, é que o script tava acho que carregando antes de iniciar o site, ou algo do tipo, ai eu adicionei o js no corpo e por fim deu certo.
só faltou deixar igual a tumb né? clickbaitzão
E piloto de formula 1? Calma cara quando for explica as coisas vai com calma, tem pessoas que vem para o video para aprender realmente , não um ver um narrado de rodeio fica a dica. E deveria ter deixado o carrocel mas bonito mas valeu pela iniciativa.
Da pausa 👍🏽
Tem como fazer uma janela pop-up no android? Pra ver vídeo e imagem