html-css
html-css copied to clipboard
gustavoguanabara
Projeto-cordel Curso em video efeito parallax
Pessoal porque quando eu abro o projeto atraves do "Open live server" o efeito Parallax funciona, mas quando eu abro ele atraves do github page ou clicando direto no index da pasta do arquivo, o efeito parallax não funciona e fica tudo preto no lugar das imagens ?
segue o print
Você referenciou as imagens da forma correta? Veja se elas não estão uma pasta antes da referência, assim, você teria que colocar ../ antes da pasta imagem. Manda seu código aí
Você referenciou as imagens da forma correta? Veja se elas não estão uma pasta antes da referência, assim, você teria que colocar ../ antes da pasta imagem. Manda seu código aí
Exatamente. A forma de referenciar um arquivo em praticamente quase todas as tecnologias usam o esquema do GNU/Linux. Veja se estão adequadamente ligados, o próprio Guanabara já falou certa vez disso, ele tem até um curso de Linux que recomendo muito pra qualquer um que queira seguir na tecnologia.
OBS.: caso esta seja a solução, por favor, feche a Issue, há varias Issues encerradas ainda em aberto.
Olá @EveraldoSales Também aconteceu isso comigo quando hospedei o site no Github, resolvi modificando a referencia da url das imagens conforme mostrado abaixo:
section#img001 { background-image: url('./imagens/background001.jpg'); background-position: right center;
} section#img002{ background-image: url('./imagens/background002.jpg');
}
Funciona tanto no VScode quanto no site hospedado.
bom dia, O efeito parallax não funcionou no meu celular . Alguem sabe o que pode ser?
bom dia, O efeito parallax não funcionou no meu celular . Alguem sabe o que pode ser?
Está funcionando corretamente nos navegadores de PC? Qual navegador você tá usando? Parece que já vi algo parecido por aqui com alguém no IOS. Comigo no Firefox e Chrome no mobile tá funcionando corretamente.
no navegador do computador funcionou normalmente, mas no meu celular IOS nao
no navegador do computador funcionou normalmente, mas no meu celular IOS nao
Foi o que imaginei, é o mesmo caso da Issue #193. Checando no site da Mozilla Developer é possível ver que há certa incompatibilidade não com a propriedade mas sim com o valor.
no meu ja tentei de tudo. inclusive igual o url(../imagens/background001.jpg); e nao le no mozila.
Eu estava com o mesmo problema. Fiz a modificação que o otorquati falou ai em cima e funcionou no Edge e no celular mas no Chrome continuou sem funcionar.
Eu estava com o mesmo problema. Fiz a modificação que o otorquati falou ai em cima e funcionou no Edge e no celular mas no Chrome continuou sem funcionar.
É como já foi dito antes e depende de onde você tá rodando o servidor (o Live Server na raiz do index.html, por exemplo) e como seus arquivos tão organizados, independe do navegador.
Se funcionou em um e não em outro é muito provável de cache.
Issue #197 já é de ajuda a quem ainda tá com esse problema.
Galera boa tarde!Testei o código do projeto cordel nos diversos navegadores que possuo em meu laptop e funcionou perfeitamente em todos, tanto pelo live server do VScode quanto pelo endereço do github/pages no meu github. Sugiro limpar o cache dos navegadores e verificar se não há erros no código. Lembrando que uma simples letra em maiúsculo faz toda diferença.
Atenciosamente,
Osvaldo Torquati
Em qui., 23 de fev. de 2023 às 03:05, BenjamimCS @.***> escreveu:
Eu estava com o mesmo problema. Fiz a modificação que o otorquati falou ai em cima e funcionou no Edge e no celular mas no Chrome continuou sem funcionar.
É como já foi dito antes e depende de onde você tá rodando o servidor (o Live Server na raiz do index.html, por exemplo) e como seus arquivos tão organizados, independe do navegador.
Se funcionou em um e não em outro é muito provável de cache.
Issue #197 https://github.com/gustavoguanabara/html-css/issues/197 já é de ajuda a quem ainda tá com esse problema.
— Reply to this email directly, view it on GitHub https://github.com/gustavoguanabara/html-css/issues/225#issuecomment-1441253677, or unsubscribe https://github.com/notifications/unsubscribe-auth/AO6SPX6MKTUJ6WOZ5F2OPOLWY342BANCNFSM5VGY76UA . You are receiving this because you commented.Message ID: @.***>