Problema de imagem

[clovis.sardinha 1]

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.

 

 

 

[Omar~ 87]

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:

background-image:url(../imagens/principal.png);

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.

[clovis.sardinha 1]

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. 

 

[Omar~ 87]

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)

[clovis.sardinha 1]

Legal, acho que é por aí.  Vou tentar e depois te retorno. Obrigado. 

[clovis.sardinha 1]

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"

É 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ç.

[washalbano 54]

Ôppa @clovis.sardinha! Se ainda quiser fazer esse site funcionar, conte comigo!

[clovis.sardinha 1]

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