Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Alessandro8938

[Resolvido] Erro ao carregar imagens galeria de fotos

Recommended Posts

Boa noite, pessoal, estou quebrando a cabeça aqui...

 

criei uma galeria de fotos, quando testo offline dá tudo certinho... mas qdo mando pro servidor ... só abrem as primeiras fotos, as outras ficam com um x vermelho...

 

meu site: www.motoclubeama.com.br/galeria de fotos.html

 

lá tem os álbuns... se você clicar no primeiro, você verá que só carrega parte dele... já outros carregam certos...

 

revisei os códigos e não achei erros..

 

será que o tamanho das imagens podem interferir ??

 

segue abaixo a página em código...

 

fico grato pela ajuda !!!!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Galeria de Fotos - Natal 2011</title>
</head>
<!-- Arquivos utilizados pelo jQuery lightBox plugin -->    
    <script type="text/javascript" src="js/jquery.js"></script>    
    <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>    
    <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" 
/>    
    <!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->     

    <!-- Ativando o jQuery lightBox plugin -->    

    <script type="text/javascript">    
    $(function() {        
        $('#gallery a').lightBox();    
    });    
    </script>        
     <style type="text/css">        
	 /* jQuery lightBox plugin - Gallery style */        
	 #gallery {                
	         background-color: #FFA54F;                
			 padding: 50px;                
			 width: 1024px;        
			 }        
			 #gallery ul { list-style: none; }        
			 #gallery ul li { display: inline; }        
			 #gallery ul img {                
			         border: 5px solid #3e3e3e;                
					 border-width: 5px 5px 20px;        
			 }        
			 #gallery ul a:hover img {                
			         border: 5px solid #fff;                
					 border-width: 5px 5px 20px;                
					 color: #fff;        
			 }        
			 #gallery ul a:hover { color: #fff; }        
                </style>
</head>

<body>
<h1>Galeria de Fotos - Moto Clube AMA - Natal 2011</h1>
<div id="gallery">   
 <ul>      
     <li><a href="1.jpg"><img src="Fotos/Natal 2011/1.jpg" height="174" width="284"></a></li>      
     <li><a href="2.jpg"><img src="Fotos/Natal 2011/2.jpg" height="174" width="284"></a></li>      
     <li><a href="3.jpg"><img src="Fotos/Natal 2011/3.jpg" height="174" width="284"></a></li>      
     <li><a href="4.jpg"><img src="Fotos/Natal 2011/4.jpg" height="174" width="284"></a></li>      
     <li><a href="5.jpg"><img src="Fotos/Natal 2011/5.jpg" height="174" width="284"></a></li>      
     <li><a href="6.jpg"><img src="Fotos/Natal 2011/6.jpg" height="174" width="284"></a></li>
     <li><a href="7.jpg"><img src="Fotos/Natal 2011/7.jpg" height="174" width="284"></a></li>      
     <li><a href="8.jpg"><img src="Fotos/Natal 2011/8.jpg" height="174" width="284"></a></li>      
     <li><a href="9.jpg"><img src="Fotos/Natal 2011/9.jpg" height="174" width="284"></a></li>      
     <li><a href="10.jpg"><img src="Fotos/Natal 2011/10.jpg" height="174" width="284"></a></li>      
     <li><a href="11.jpg"><img src="Fotos/Natal 2011/11.jpg" height="174" width="284"></a></li>      
     <li><a href="12.jpg"><img src="Fotos/Natal 2011/12.jpg" height="174" width="284"></a></li>
     <li><a href="13.jpg"><img src="Fotos/Natal 2011/13.jpg" height="174" width="284"></a></li>      
     <li><a href="14.jpg"><img src="Fotos/Natal 2011/14.jpg" height="174" width="284"></a></li>      
     <li><a href="15.jpg"><img src="Fotos/Natal 2011/15.jpg" height="174" width="284"></a></li>      
     <li><a href="16.jpg"><img src="Fotos/Natal 2011/16.jpg" height="174" width="284"></a></li>      
     <li><a href="17.jpg"><img src="Fotos/Natal 2011/17.jpg" height="174" width="284"></a></li>      
     <li><a href="18.jpg"><img src="Fotos/Natal 2011/18.jpg" height="174" width="284"></a></li>
     <li><a href="19.jpg"><img src="Fotos/Natal 2011/19.jpg" height="174" width="284"></a></li>
     <li><a href="20.jpg"><img src="Fotos/Natal 2011/20.jpg" height="174" width="284"></a></li>      
     <li><a href="21.jpg"><img src="Fotos/Natal 2011/21.jpg" height="174" width="284"></a></li>      
     <li><a href="22.jpg"><img src="Fotos/Natal 2011/22.jpg" height="174" width="284"></a></li>      
     <li><a href="23.jpg"><img src="Fotos/Natal 2011/23.jpg" height="174" width="284"></a></li>
     <li><a href="24.jpg"><img src="Fotos/Natal 2011/24.jpg" height="174" width="284"></a></li>               
 </ul>
</div>
</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

o problema estão nos "href" o correto seria:

<div id="gallery">   
 <ul>      
     <li><a href="[b]Fotos/Natal 2011/1.jpg[/b]"><img src="[color="#FF0000"]Fotos/Natal 2011/1.jpg[/color]" height="174" width="284"></a></li>      
     <li><a href="[b]Fotos/Natal 2011/2.jpg[/b]"><img src="[color="#FF0000"]Fotos/Natal 2011/2.jpg[/color]" height="174" width="284"></a></li>
 </ul>
</div>

 

 

 

PS.: segue a dica de Ted k', nas pastas e os nomes de arquivos não é legal ter espaços, pois pode ter algum problema com algum navegador.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.