Hi, I noticed the option to choose lightbox2 or jlightbox, so I thought of adding the Fancybox as well, http://drupal.org/project/fancybox,

Basically, all it needs is a simply jquery call


Drupal.behaviors.initFancybox = function() {
var settings = Drupal.settings.fancybox;

if (settings && settings.selector.length) {
$(settings.selector).fancybox(settings.options);
}

$('.class').fancybox(settings.options);

}

With the right .class for the image link.

Haven't tested this yet, will come back here once I have done so.

Might as well add thickbox etc. too.

Comments

m1n0’s picture

m1n0 CreditAttribution: m1n0 commented

I am interested in this

airstarh’s picture

airstarh CreditAttribution: airstarh commented

Dears.
Could you please help me, what to do and where to go.
I tested so much and in so different ways, but still have not found a correct way.
I am using D7
So I attached fancybox through .info file

scripts[] = js/020-jq-plugins/mousewheel.js
scripts[] = js/020-jq-plugins/jcarousellite.js

stylesheets[all][] = js/020-jq-plugins/fancybox/source/jquery.fancybox.css
scripts[] = js/020-jq-plugins/fancybox/source/jquery.fancybox.js

stylesheets[all][] = js/020-jq-plugins/fancybox/source/helpers/jquery.fancybox-buttons.css
scripts[] = js/020-jq-plugins/fancybox/source/helpers/jquery.fancybox-buttons.js
scripts[] = js/020-jq-plugins/fancybox/source/helpers/jquery.fancybox-media.js

stylesheets[all][] = js/020-jq-plugins/fancybox/source/helpers/jquery.fancybox-thumbs.css
scripts[] = js/020-jq-plugins/fancybox/source/helpers/jquery.fancybox-thumbs.js

scripts[] = js/001-handy-script.js

And added such code, but only fadeIn/Out work.
I can con find a right way to start fancybox plugin. ((( What to do?

(function ($) {
    Drupal.behaviors.alfa = {
        attach: function (context) {


            $('.lightbox').fadeOut(500);
            $('.lightbox').fadeIn(500);
            $('.lightbox',context).click(function(event){
                event.preventDefault();
                $(this).fancybox();
            })

        }
    };
})(jQuery);