Anche una gallery predisposta sarebbe pesantuccia... conviene usare thumbs molto leggere.
Mettiamo che predisponi tre, ma possono essere due o quattro, gallery
(var $rgGallery = $('#rg-gallery,#rg-gallery2,#rg-gallery3'),
codice:
<div id="rg-gallery" class="rg-gallery">
...
</div>
<div id="rg-gallery2" class="rg-gallery">
...
</div>
<div id="rg-gallery3" class="rg-gallery">
...
</div>
e le relative tre thumbs:
codice:
[img]thumbs/thumb1.jpg[/img]
[img]thumbs/thumb2.jpg[/img]
[img]thumbs/thumb3.jpg[/img]
nel file gallery.js puoi aggiungere:
codice:
$(function(){
$('#rg-gallery,#rg-gallery2').css('display','none');//nascondo le gallery 1 e 2, eventualmente modifica gli id
$('.id-class').css('cursor','pointer');//cursore manina thumbs categorie
$('.id-class').click(function(){//funzione onclick delle thumbs categorie
var show=$(this).attr('alt');//id da mostrare
$('.rg-gallery').css('display','none');//nascondo precedente
$('#'+show).fadeIn();//mostro attuale (invece di fadeIn puoi anche usare slideDown)
});
});