Muito bom o plugin jQuery de lightbox do brasileiro Leandro Vieira:

leandrovieira.com/projects/jquery/lightbox/

é verdade que o projeto está ‘sem atualizações’, mas também nem precisa.

O plugin cumpre o papel dele, funciona perfeitamente e para um simples modal de imagens funciona muito bem, obrigado.

Precisei ontem, de uma galeria, onde várias classes seriam as disparadoras. Este html:

<ul class="fotos">
	<li class="lightbox"><a href="images/banner-primeira-diretoria-eleita-da-abtf.jpg" title="Primeira Diretoria Eleita da ABTF">
		<img src="images/banner-primeira-diretoria-eleita-da-abtf.jpg" alt="" /></a><p>Primeira Diretoria Eleita da ABTF</p>
		<div style="display: none;">
			<a href="images/banner-primeira-diretoria-eleita-da-abtf.jpg" title="Imagem 2">
				<img src="images/banner-primeira-diretoria-eleita-da-abtf.jpg" alt="" /></a>
			<a href="images/banner-primeira-diretoria-eleita-da-abtf.jpg" title="Imagem 3">
				<img src="images/banner-primeira-diretoria-eleita-da-abtf.jpg" alt="" /></a>
			<a href="images/banner-primeira-diretoria-eleita-da-abtf.jpg" title="Imagem 4">
				<img src="images/banner-primeira-diretoria-eleita-da-abtf.jpg" alt="" /></a>
		</div><!-- /none -->
	</li>
	<li class="lightbox"><a href="images/banner-presidentes-da-abtf.jpg" title="Presidentes da ABTF">
		<img src="images/banner-presidentes-da-abtf.jpg" alt="" /></a><p>Presidentes da ABTF</p>
		<div style="display: none;">
			<a href="images/banner-presidentes-da-abtf.jpg" title="Imagem 2">
				<img src="images/banner-presidentes-da-abtf.jpg" alt="" /></a>
			<a href="images/banner-presidentes-da-abtf.jpg" title="Imagem 3">
				<img src="images/banner-presidentes-da-abtf.jpg" alt="" /></a>
		</div><!-- /none -->
	</li>
	<li class="lightbox last"><a href="images/banner-diretoria-atual.jpg" title="Diretoria Atual">
		<img src="images/banner-diretoria-atual.jpg" alt="" /></a><p>Diretoria Atual</p>
		<div style="display: none;">
			<a href="images/banner-diretoria-atual.jpg" title="Imagem 2">
				<img src="images/banner-diretoria-atual.jpg" alt="" /></a>
		</div><!-- /none -->
	</li>
</ul><!-- /fotos -->

Não achei nenhuma configuração de galeria no plugin.

Então ao disparar da maneira básica:

jQuery(document).ready(function(){
		jQuery('.lightbox a').lightBox({
			txtImage: 'Imagem',
			txtOf: 'de'
		});
	});

O que o plugin fez, foi juntar todas as imagens numa única galeria de 9 imagens no total.

Mas na verdade, eu queria que cada LI, fosse um album separado dos demais.

Sendo a primeira galeria, com 4 imagens, a segunda com 3, e a ultima com 2 imagens.

Bom, eu poderia muito bem trocar de plugin, usar um fancybox, ou sei lá.. porém apenas pelo desafio, resolvi de uma maneira bem simples essa situação de: criar galerias diferentes para uma mesma classe html, com o plugin jQuery.lightBox:

jQuery(document).ready(function(){
		jQuery('.lightbox').each(function(){
			$( this ).find('a').lightBox({
				txtImage: 'Imagem',
				txtOf: 'de'
			});
		});
	});

Dessa forma, o plugin vai rodar um grupo(cada li), um de cada vez, e vai separou como eu queria.

é isso. =)