Suggestion for Prettyphoto

Hello I noticed you guys hard coded the rel="prettyphoto['gallery'] in your script.js. This is problematic when creating multiple galleries on one page and wanting to separate them when navigating in the lightbox.  I modified the prettyphoto code to dynamically grab the container ID and add it to the rel attribute. That way galleries are truly separate. You should consider adjusting your core code to fix this.

The new code is:

$('.gallery-icon > a').each(function() {
                var gallid = $(this).closest("div").attr("id");
                $(this).wrap('<div class="image_frame scale-with-grid"><div class="image_wrapper"></div></div>');
                $(this).prepend('<div class="mask"></div>');
                $(this).children('img' );
                $(this).css('height', 'auto');
                $(this).css('width', '100%');
                $(this).attr('rel', 'prettyPhoto['+ gallid +']');
            });


the old code was:

$('.gallery-icon > a')
            .wrap('<div class="image_frame scale-with-grid"><div class="image_wrapper"></div></div>')
            .prepend('<div class="mask"></div>')
            .attr('rel', 'prettyphoto[gallery]')
            .children('img' )
                .css('height', 'auto')
                .css('width', '100%');


Thank you.

Rhasaun Campbell

Comments

Sign In or Register to comment.