Shadowbox - problema com muitas imagens

[pabon 0]

Olá pessoal.

Estou usando o plugin jQuery Shadowbox para um álbum de fotos.

 

Basicamente leio um diretório contendo as miniaturas e uso um

foreach em php para gerar o link com as miniaturas dessa forma:

 

foreach ($album as $foto){
  ?>
     <a href="#<?=$foto;?>" rel=>"shadowbox[Mixed];width=600;height=450">
        <img src="thumbs/<?php echo $foto;?>"/>
     </a>

     <div id="<?=$foto?>" style="display:none;">
        <img src="large/<?php echo $foto;?>"/>
     </div>
  <?php
}

 

Js Shadowbox

 

$(document).ready(function($){

  Shadowbox.init({
     handleOversize: "resize",
     modal: true,
     player: ['img', 'html', 'swf']
  });
});

 

Isso funciona perfeitamente, MAS.. só funciona quando todas as miniaturas já estão

carregadas na página, caso contrário o shadowbox nao abre.

Sabemos que o usuário não vai esperar carregar tudo e vai clicar em uma miniatura assim que ela aparecer na página.

Preciso de uma solução para isso, pois dessa forma minha galeria não vai funcionar como esperado.

 

Gostaria de saber se estou fazendo algo errado em relação ao Shadowbox

Abraço!

[William Bruno 1501]

Sabemos que o usuário não vai esperar carregar tudo e vai clicar em uma miniatura assim que ela aparecer na página.

isso porque você carrega as fotos 'grandes', mesmo que o usuário não queira vê-las.

 

Não sei se o shadowbox (acho que não), possui esta opção, mas eu não traria as imagens grandes sem o usuário solicitar, pois você está desperdiçando banda.

Por exemplo o lightbox, para ele funcionar, você não precisa ter no HTML as imagens grandes. Basta ter as miniaturas, com o href da tag <a> apontando para o path da grande.