[Resolvido] Problema

[mortigas 0]

Criei uma página que aparecem pequenas imagens (fotos) 3 linhas e 4 colunas o efeito LIGHTBOX só funciona depois que carrega todas as imagens, se eu clicar em uma das imagens antes de todas carregarem o efeito não funciona, simplemente abre a imagem em uma página em branco.

 

depois das 12 imagens carregadas funciona perfeitamente.

 

O que pode estar errado? Se poderem me ajudar agradeço.

 

 

Mortigas

[William Bruno 1501]

não tem nada de errado.

é isso mesmo. O teu plugin está esperando carregar tudo, para depois começar a funcionar.

 

oque você pode fazer, é verificar se a tua marcação é tão pesada assim mesmo, ou se tem como modificar para ele esperar apenas o DOM carregar, e não a pagina por completo [como parece estar ocorrendo]

 

ainda, é possível desativar todos os links, e reativá-los depois, como mostro aqui neste script:

http://www.wbruno.com.br/blog/2010/06/11/so-ativar-links-ao-carregar-imagens/

[mortigas 0]

Ola!

 

As imagens são buscadas via PHP de um banco de dados.

 

Desculpe a ignorância mas o que queres dissre com "esperar apenas o DOM carregar" ?

 

Vou ferificar o link que me mandaste.

 

Por enquanto agradeço.

 

Mortigas

[William Bruno 1501]

Desculpe a ignorância mas o que queres dissre com "esperar apenas o DOM carregar" ?

conhece o framework jQuery ?

 

veja a diferença entre

document.ready() e window.onload

[mortigas 0]

Ola! estou tentando com DOCUMENT.READY mas por enquanto sem sucesso.

coloquei

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
  $(document).ready(function(){ $('#gallery ul a').click(); });
</script>
</head>

e a chamada dos links tipo :

<div id="gallery" align="center">
<ul>
 $query2 = "SELECT * .....
 $resultado2 = mysql_query($query2);
 while ($linha = mysql_fetch_array($resultado2))
            {

 <li>
  <a href="<?php echo "$diretorio2"?>" rel="shadowbox" title="<?echo "cod: $cod2"?>"><img src="<?php echo   "$diretorio2"?>" class="thumb"></a>
 </li>

}

 

 

mas continua dando o mesmo erro.

 

Se poderem ajudar agradeço.

 

Mortigas

[William Bruno 1501]

nao faz o menor sentido esse teu codigo js.

 

e veja, o problema é que você está redimensionando a imagem com css!

você tras uma imagem grande, e redimensiona ela, por isso fica pesado, por isso demora.

 

salve 2 imagens com o php.

a grande e uma reduzida, então na hora de mostrar, você não detona a banda do usuario e do teu site.

 

 

o seu problema vem de antes, ta vindo do começo desse sistema de upload ai.

[mortigas 0]

ok, eu achei que o tamanho não setia problema já que as imagens tem entre 30 e 50k.

Se este é o única forma vou ver o que fazer pois já tenho muitas fotos inseridas.

Quanto ao código js o que eu estava tentanbdo fazer é liberar os links só depois que todas as imagens estivessem carregadas.

 

Valeu.

 

 

Mortigas

[William Bruno 1501]

leia o link que postei novamente.

 

oque você fez não tem nada a ver com oque você quer fazer.

[mortigas 0]

ola!

 

Li novamente o link e consegui resolver com o window.onload .

 

valeu pela ajuda.

 

Mortigas