Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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
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
>
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
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
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.
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
leia o link que postei novamente.
oque você fez não tem nada a ver com oque você quer fazer.
ola!
Li novamente o link e consegui resolver com o window.onload .
valeu pela ajuda.
Mortigas
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/