Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal, não tenho certeza se coloco a dúvida aqui ou no html. Envolve os dois.
Eu tenho um site muito antigo, php 5.2, e resolvi mudar a página principal colocando um efeito parallax.
No servidor local o site roda normalmente, mas no servidor da localweb as imagens do parallax não aparecem.
a página mostrada é esta:
<div class="container-fluid">
<!-- começo do parallax -->
<div class="caixa1">
<div class="conteudo-titulo">
<!-- <span class="titulo">TECNOCLEAN - SEGURANÇA E EFICIÊNCIA</span> -->
</div>
</div>
<div class="conteudo">
<h3>A EMPRESA</h3>
<p style="width: 80%; margin: auto; text-align: justify;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida dolor sed mattis mollis. Morbi sodales euismod rhoncus. Suspendisse potenti. Integer hendrerit vitae lectus at feugiat. Quisque libero neque, imperdiet a est congue, elementum ultrices diam. Sed ut felis scelerisque, volutpat justo ut, congue quam. Ut non vestibulum erat, vel semper dolor. Nulla facilisi. Sed convallis at lacus quis venenatis..<br>
</p>
</div>
<div class="caixa2">
<div class="conteudo-titulo" >
<!-- <span class="titulo">NOSSO DIFERENCIAL</span> -->
</div>
</div>
<div >
<div>
<ul class="list-group list-group-flush text-center font-weight-bold">
<li class="list-group-item"><h3>Tradição</h3> 26 anos de experiência</li>
<li class="list-group-item"><h3>Confiabilidade</h3> mais de mil clientes</li>
<li class="list-group-item"><h3>Segurança</h3> técnica e equipamentos</li>
<li class="list-group-item"><h3>Garantia</h3> produtos de qualidade</li>
<li class="list-group-item"><h3>Rapidez</h3> equipe especializada</li>
</ul>
</div>
</div>
<div class="caixa3">
<div class="conteudo-titulo">
<!-- <span class="titulo">CLIENTES</span> -->
</div>
</div>
<div class="caixa4">
<div class="conteudo-titulo">
<!-- <span class="titulo">EQUIPAMENTOS</span> -->
</div>
</div>
</div>
</div>
</div>
O Css é este:/* Efeito Parallax
-------------------------------*/
.caixa1, .caixa2, .caixa3, .caixa4 {
position: relative;
height: 100%;
opacity: 0.9;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
}
.caixa1 {
background-image:url(../imagens/principal.png);
}
.caixa2 {
background-image: url(../imagens/insetos.png);
}
.caixa3 {
background-image: url(../imagens/logos/clientes.png);
}
.caixa4 {
background-image: url(../imagens/equipamentos.png);
}
.conteudo-titulo {
position: absolute;
left: 0;
top: 45%;
width: 100%;
text-align: center;
}
.conteudo-titulo span.titulo {
color: #fff;
background-color: #111;
padding: 18px;
font-size: 25px;
letter-spacing: 5px;
text-transform: uppercase;
}
Coloquei o arquivo com a estrutura do site e o erro que aparece na url. (um css que não deveria aparecer e dá página não encontrada)
Coisa interessante: tanto faz colocar ../imagens/foto.png ou imagens/foto.png e funciona no local e não no servidor.
Se alguém tiver alguma dica para eu resolver ou testar este erro, agradeço.
>
2 horas atrás, Omar~ disse:
O problema não é PHP do contrário nem você teria erro de localização das imagens.
O arquivo css que carrega as imagens está na raiz do diretório css ou em um sub diretório?
Nesse seu caso:
Saia de dentro de css e entre dentro de imagens.
Nesse outro caso:
background-image:url(imagens/principal.png);
Dentro de css entre em imagens.
Seguindo a imagem que você colocou esse é o problema.
O que pode está acontecendo que um arquivo.css com os endereços errados nas imagens está em cache, então você deve eliminar esse cache então carregar a aplicação novamente já com o arquivo.css com os endereços corretamente.
Pois é, o que me implica é justamente isso. Nenhuma das duas formas resolve o problema. E pior, as duas formas funcionam no servidor local. Parece impossível, né? E esse erro de caminho nem sempre aparece. Pelo F12 tem aparecido erro de token. Devo estar com versões conflitantes de html, pois o site é muito antigo. Obrigado pela ajuda.
O que chama a atenção também são endereços distintos (tecnoclean & tecnocleanct)
Pode ser o apache, tanto um modo de re-escrita quanto um bloqueio de acesso a diretório.
Até mesmo um replaceState ou pushState do javascript manipulando a url antes do css carregar, então nesse caso o css busca a imagem a partir do endereço real mas o browser não o acha porque a url é diferente do destino.
Tente colocar o endereço completo das imagens no css
background-image: url('https://SITEURL/imagens/principal.png');
Se assim não funcionar é porque você não pode acessar o diretório das imagens ou mesmo as imagens não existem, ou o endereço está errado.
Desse modo se javascript manipule a url as imagens serão carregadas pelo local onde estão sem pegar a referência atual da url carregada.
Pode ser que contorne o apache também, mas não sei dizer se realmente funciona, (se estiver bloqueado o acesso ao diretório é certeza que não vai carregar mesmo)Legal, acho que é por aí. Vou tentar e depois te retorno. Obrigado.
>
Em 13/08/2021 at 06:59, Omar~ disse:
O que chama a atenção também são endereços distintos (tecnoclean & tecnocleanct)
Pode ser o apache, tanto um modo de re-escrita quanto um bloqueio de acesso a diretório.
Até mesmo um replaceState ou pushState do javascript manipulando a url antes do css carregar, então nesse caso o css busca a imagem a partir do endereço real mas o browser não o acha porque a url é diferente do destino.
Tente colocar o endereço completo das imagens no css
background-image: url('https://SITEURL/imagens/principal.png');
Se assim não funcionar é porque você não pode acessar o diretório das imagens ou mesmo as imagens não existem, ou o endereço está errado.
Desse modo se javascript manipule a url as imagens serão carregadas pelo local onde estão sem pegar a referência atual da url carregada.
Pode ser que contorne o apache também, mas não sei dizer se realmente funciona, (se estiver bloqueado o acesso ao diretório é certeza que não vai carregar mesmo)
Omar, descobri o erro. Tem a ver com as versões do php e o erro que dá "[Only variables should be assigned by reference with function](https://stackoverflow.com/questions/41789659/only-variables-should-be-assigned-by-reference-with-function)"
É um problema no common do codeigniter. Não vou tentar consertar porque além de ser bastante complicado não vou precisar mais deste site e vou retirar do ar brevemente. Isto influencia até o include de páginas, não só nas imagens. Por isso na versão do meu computador funciona a parte de imagens e não funciona no servidor da web. Valeu pela ajuda. Abç.Ôppa @clovis.sardinha! Se ainda quiser fazer esse site funcionar, conte comigo!
>
8 minutos atrás, washalbano disse:
Ôppa @clovis.sardinha! Se ainda quiser fazer esse site funcionar, conte comigo!
Obrigado, @washalbanomas estava rodando em php 5.2. Chegou a hora de enterrar...kkk
O problema não é PHP do contrário nem você teria erro de localização das imagens.
O arquivo css que carrega as imagens está na raiz do diretório css ou em um sub diretório?
Nesse seu caso:
>
Em 11/08/2021 at 14:06, clovis.sardinha disse: