Erro com fotos

[Felipe0206 0]

Gente,fiz uma galeria de fotos onde ele puxa as fotos de uma pasta e exibe-as,porém ele só aceita algumas fotos e outras não,exemplo,três fotos .jpg pegam,enquanto se eu pegar uma do google também .jpg e colocar ele só aparece aquele ícone de página quebrada,como esse a foto não existisse.

 

Segue o código:

 

<style type="text/css">
body {
background:#006;
font:12px Arial, Verdana,  Helvetica, sans-serif;
text-align: center;
padding:0;
margin:0;
}
#topo {
position: relative;
height:30px;
background:#1daecb url('topo-galeria.jpg') center no-repeat;
margin-bottom:10px;
}
#topo h1, #topo h2 {
height: 0;
width: 0;
overflow: hidden;
position: absolute; 
}
.galeria {
width:620px; 
margin:0 auto;
text-align: center; 
}
.img-aqui { 
background: #006 url('fundogaleria.png') center no-repeat; 
width:400px; 
height:275px; 
position:relative; 
top:0px;
float:right; 
}
ul.fotos {
position:relative;
list-style:none;  
width:162px;
padding:1px;
background:#F00;
margin:0; 
padding:0; 
}
.fotos:after {
display: block;
content: ".";
height: 0;
font-size:0; 
visibility: hidden;
clear: both;
}
ul.fotos li {
width:75px;
height:50px;
float:left; 
border:1px solid #000;
margin:1px; 
}
ul.fotos li img {
border:none; 
width:75px;
height:50px;
}
ul.fotos li span img {
border:none;
width:400px;
height:285px;


}
ul.fotos a {
display: block;
} 
ul.fotos a span {
display: none;
}


ul.fotos a:hover span {
display: block;
    position: absolute; 
top:0px; 
left: 180px; 
background:#fff;
  }
  
ul.fotos a:hover span.legenda {
padding:50px 0;
color:#333; 
}
</style>
<!--[if lte IE 6]>
<style type="text/css">
ul.fotos {
width:164px;
padding:  2px 0 1px 0;
}
ul.fotos li {
margin-top:0; 
}
/* Fixes for IE */
/* Fix IE. Hide from IE Mac \*/
ul.fotos li { float: left; height: 1%; }
ul.fotos li a { height: 1%; }
/* End */
ul.fotos a:hover {
text-decoration:none;
background: none; 
} 
ul.fotos li {width:75px;}
ul.fotos a:hover span.legenda {width:500px;}
</style>
<![endif]-->
<?php
$dir = ".\Fotos";
$dh = opendir($dir);
echo '
<br />
<br />
<div class="galeria" align="center">
<div class="img-aqui" align="center"></div>
<ul class="fotos">
';


while (false !== ($filename = readdir($dh)))
{
if (substr($filename,-4) == ".jpg")
{
echo '
<li><a href="#"><img src="'.$filename.'"/><span><img src="'.$filename.'"/></span></a></li>';
}
}
echo '
</ul>
</div>
';

 

?>

[ESerra 744]

Isso está online? Se sim passa o link para gente ver funcionando.

[Felipe0206 0]

http://www.empreiteirainovarts.com/galeria.php

 

E eu abri essa imagem em uma outra página para testar e abriu normal...

[ESerra 744]

Olha o nome do arquivo:
pintura-de-casas-�-fotos-3.jpg

 

Tem um problema de codificação ai.

[Rogério Santana 172]

http://www.empreiteirainovarts.com/galeria.php

E eu abri essa imagem em uma outra página para testar e abriu normal...

 

Me permita uma sugestão: esses azul e vermelho fortes vão dar cansaço visual no usuário

[Felipe0206 0]

Olha o nome do arquivo:

pintura-de-casas-�-fotos-3.jpg

 

Tem um problema de codificação ai.

 

Então a codificação está como UTF-8 ... Antes eu tinha renomeado todas as fotos para números,como 1,2,3 e mesmo assim não foi...

 

 

 

 

Me permita uma sugestão: esses azul e vermelho fortes vão dar cansaço visual no usuário

 

Obrigado pela dica! Estou aprendendo ainda,até fiquei envergonhado de passar um link de um layout tão básico por aqui...O cliente disse que o Layout estava legal assim,então vou deixar,vai dar um trabalhinho editar denovo...