Mais um plugin para visualização de imagens para jQuery. o piroBox se parece visualmente com o shadowbox (só que trabalha apenas com imagens). Você pode especificar alguns atributos para a ampliação como espessura e cor da borda, velocidade de abertura, transparência do background, definir o caminho de um preloader e especificar as classes dos botões de navegação.

Sua estrutura como no shadowbox consiste num link onde o href aponta para a imagem maior e o title serve como legenda. Só que você atribui grupos de imagens com um seletor, por exemplo ul/li no lugar de especificar rel=”shadowbox[nome_do_grupo]”

Exemplo de configuração

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

$(document).ready(function(){
   $('.thumbs').piroBox({
      border: 1, // borda da ampliação
      mySpeed: 700, // velocidade da abertura
      borderColor : '#444', // cor da borda
      bg_alpha: 0.5, // opacidade do background
      cap_op_start : 0.4, // opacidade inicial da legenda
      cap_op_end: 0.8, // opacidade final da legenda
      pathLoader : '#000 url(css_pirobox/ajax-loader.gif) center center no-repeat;', // caminho do preloader
      gallery : '.gallery li a', // seletor do grupo
      gallery_li : '.gallery li',// seletor da imagem miniatura
      single : '.single  a',// especifica uma unica imagem
      next_class : '.next',// classe para o botão próximo
      previous_class : '.previous'// classe para o botão anterior
   });	
});

E no HTML

1
2
3
4
5
6
7
8

<div class="gallery_in">
   <ul>
      <li><a href="images/1.jpg" title="" ><img src="images/1_s.jpg" alt="demo" width="200" height="139" /></a></li>
      <li><a href="images/2.jpg" title="Caption" ><img src="images/2_s.jpg" alt="demo" width="200" height="139" /></a></li>
      <li><a href="images/3.jpg" title="Caption"><img src="images/3_s.jpg" alt="demo" width="200" height="139" /></a></li>
      <li><a href="images/4.jpg" title="Caption" ><img src="images/4_s.jpg" alt="demo" width="200" height="139" /></a></li>
   </ul>
</div>

jquery-1.3.1.js
Exemplo On-line
Exemplo Comprimido