Question

My wordpress theme comes with integrated Fancybox , you can see it in use here http://bit.ly/xxQ1a8 . This page is created automatically by gallery template, and is hot suitable for my needs.

I am trying to create my own custom picture galley based on Fancybox plugin http://bit.ly/zFLEpR , but for some reason it doesn’t work…

Can someone take a peek and see if they can spot what preventing it from working? I spent whole day yesterday trying to figure it out.

Answer 1

I notice in the source that you’re using $ for the jQuery object, but jQuery has been loaded in no-conflict mode, so the object is called just ‘jQuery’. Try this:

jQuery(document).ready(function($) {
    $("a[rel='group']").fancybox({
        'transitionIn'  :   'elastic',
        'transitionOut' :   'elastic',
        'speedIn'       :   600, 
        'speedOut'      :   200, 
        'overlayShow'   :   false
    });
});
jQuery("a.grouped_elements").fancybox();