🔴 Como fazer SLIDESHOW com HTML e CSS | SLIDESHOW com HTML e CSS

[@catroving]

Muito obrigado, amigo! Sensacional, você explicou cada etapa para o aluno não ficar confuso. Com seu vídeo, eu consegui aprender com facilidade e alcançar meus objetivos.

[@marketplacegranfino]

Nota 10, pra um leigo como eu ,consegui fazer graças a sua didática simples e objetiva obrigado!

[@rockboy819]

Obrigado amigo, depois de quase 1 mês consegui finalizar o meu projeto, Deus o abençoe muito!💻

[@victorjardim1390]

Cara, muito obrigado! Tava pensando em um projeto com slides mas ainda não sei javascript. Logo, esse tutorial me ajudou bastante a entender como fazer sem o javascript. Tô no começo da minha carreira front end e cê me ajudou a entender o not.. eu entendi quando vi o vi no curso, mas agora, consegui entender com clareza haha

[@ChameleonCode]

Tamo junto irmão

[@mauriciocaiombe8025]

Muito obrigado resultou você me ajudou muito

[@leidocejagg3582]

Valeu amigo, perfeito. Deus lhe ajude sempre nos seus projetos.

[@julianesousa2722]

na parte final do '~' meu esta dando problema

[@igor_mars.c]

vc tem potencial, continue, meu amigo! Me ajudou bastante.

[@ApenasChris]

eu tava pensando em colocar dois slides /carrosséis no meu html, mas o professor limitou o projeto ao uso de html e css, então tu salvou a pátria demais nessa. mais um inscrito, valeu ai.

[@wellingtonrodrigues7677]

Nota 1000!!! Massa demais!!! +1 inscrito!!!!!!!

[@MadaraUchihaR]

bom tarde, ótimo vídeo e ótima didática, eu estou aprendendo programação agora e muito coisa que é difícil de acompanha e entender, no meu projeto eu queria que um botão ativa-se a transição de duas imagens uma que esta na frente e a outra atrás, no caso a imagens é a mesma apenas o tamanho diferente com se fosse um background, tentei varios comando e nao foi, poderia dar uma help

[@attuale_militare]

conteudo muito bom!! gostei dms! parabens

[@robson7670]

Seria legal disponibilizar o código.

[@thiagomagalhaes1691]

Top, mas esse slide fica limitado a click ou eu consigo adaptar para mobile deslizando o dedo ?

[@joaocalp]

Cara seu tutorial é mto bom. Só uma dúvida, ele funciona numa página em branco normal. Mas quando tento inserir em uma "sessão" do meu site, buga os botões e as imagens não ficam centralizadas. Será que existem mtas alterações pra inserir numa sessão ?

[@ChameleonCode]

Mano acredito que seja a msm coisa, até onde eu sei o não vem com uma estilização padrão, e tbm não esqueça de tirar as estilizaçoes padrões

[@7777777Matheus]

Conteúdo muito bom, mas o que pegou para mim foi a questão de lidar com o alinhamento do body. O slideshow acabou in do acima do meu navbar.

[@benmoraes5511]

28:46

[@benmoraes5511]

15:16

[@lucianacoelho5259]

alguem que mande o trabalho todo, pelo amor de Deussssssssssss! é caso de vida ou mortee!

[@vitorloucoporgames5003]

A imagem não está preechendo a tela toda. O que pode ser?

[@lrglucas97]

passa o repositório aí pra nois meu consagrado

[@joaoeduardo9320]

mano eu to clicando no botao e as imagens nao passam seriao pode me ajuda

[@azatroygamer1588]

mas mano pergunta as minha imagens elas são enormes tipo 4560x3245 e tipo eu to fazendo tudo que o seu tutorial pede mais ta bugando poderia me dar uma ajuda???

[@ChameleonCode]

Você pode exportar elas com um tamanho menor no figma por exemplo, também pode colocar a propriedade object-fit: cover; na imagem

[@azatroygamer1588]

@@ChameleonCode n sei fazer isso, desculpa

[@ChameleonCode]

@@azatroygamer1588 é só pegar a tag image e colocar a propriedade object-fit: cover;

[@ChameleonCode]

@@azatroygamer1588 ou entrar no figma e diminuir uma imagem, corre atrás man, se n ninguém correrá atrás por vc

[@lukassilva9240]

Como que eu coloco esse slide dentro de uma TAG com texto? eu fiz o slide e nao consigo deixar ele dentro dos texto e ele fica por cima do texto.. como eu deixo ele dentro do main por exemplo sem que ele fique por cima do H1? Exemplo e o texto o slide

[@JuniorjmsPE]

Se for um H1 para cada imagem do slide basta tu colocar pras DIVs que têm a imagem, nesse caso do vídeo é a div de classe slide, ter um position relative. Em seguida tu coloca que todo H1 dentro de slide vai ter a seguinte configuração: position: absolute; left: n px; top: n px; z-index: 1; left e top servem pra tu posicionar o h1 onde tu queres, podes usar % px e vários outros, levando em conta que ele vai usar como referência sempre o width, height, x e y da div slide que tem o position relative. O z-index serve para posicionar o elemento no eixo z, ou seja, trazer ele pra frente ou pra trás de um outro elemento.

[@programador0124]

meu amigo estou com um projeto tentando colocar esse tipo de slide usando só html e css vc poderia dar uma olhada no meu codigo pois nao estou conseguindo colocar para funcionar

[@iHakari]

pode me ajudar, eu quero fazer o slide ficar passando no fundo e colocar os elementos de texto e outros por cima, mas n to conseguindo.

[@victormoreiradejesus394]

Eu até te ajudaria, mas to com preguiça de ver os 40 minutos de vídeo para entender KK

[@ChameleonCode]

Irmão acredito que se vc seguir a lógica do vídeo vc consegue fazer depois

[@elisasouza4]

Minhas imagens não aparecem kkkkk

[@douglast.9790]

cade o repositório?

[@ChameleonCode]

Não tem mano =(

[@Avestuzzz]

Eae cara, to com um problema aqui, eu to achando que é o "~" que nao ta funcionando. Pode me ajudar, codei a msm coisa que você.

[@ChameleonCode]

Tá funcionando sim eles não iam tirar a funcionalidade de um dia pro outro 😂

[@julianesousa2722]

boa noite conseguiu resolver estou com o mesmo problema nesta parte

[@ART_HFJS]

E se eu quiser que as imagens fiquem passando automaticamente?

[@ChameleonCode]

Aí vc precisaria do javascript

[@ART_HFJS]

@@ChameleonCode Poderia depois fazer um vídeo a respeito?

[@ChameleonCode]

@@ART_HFJS kzbin.info/www/bejne/ZqjZo5-Frqyfp5I só ver esse video