fancybox unique gallery for sets of galleries

give unique gallery # to groups of images for fancybox

by ashleycam3ron

HTML

<p>You need to view the source of the results pane in order to see the modified rel attribute.</p>

<ul class="gallery">
    <li><a href="#"><img src="http://placehold.it/60x40" /></a>
    </li>
    <li><a href="#"><img src="http://placehold.it/60x40" /></a>
    </li>
    <li><a href="#"><img src="http://placehold.it/60x40" /></a>
    </li>
</ul>

<ul class="gallery">
    <li><a href="#"><img src="http://placehold.it/60x40" /></a>
    </li>
    <li><a href="#"><img src="http://placehold.it/60x40" /></a>
    </li>
    <li><a href="#"><img src="http://placehold.it/60x40" /></a>
    </li>
</ul>

JavaScript

jQuery('.gallery').each(function (g) {
    $('a', this).attr('rel', function (i, attr) {
        return attr + ' gallery-' + g;
    });
});