lightbox.php

Go to the documentation of this file.

<?php
?>
//<script>

elgg.provide('elgg.ui.lightbox');

<?php echo elgg_view('js/lightbox/settings'); ?>

elgg.ui.lightbox.init = function() {
    function registerDeprecationError() {
        elgg.register_error("fancybox lightbox has been replaced by colorbox", 9999999999999);
    }

    elgg.ui.lightbox.bind(".elgg-lightbox");
    elgg.ui.lightbox.bind(".elgg-lightbox-photo", {photo: true});

    if (typeof $.fancybox === 'undefined') {
        $.fancybox = {
            // error message for firefox users
            __noSuchMethod__ : registerDeprecationError,
            close: function () {
                registerDeprecationError();
                $.colorbox.close();
            }
        };
        // support $().fancybox({type:'image'})
        $.fn.fancybox = function (arg) {
            registerDeprecationError();
            if (arg.type === 'image') {
                arg.photo = true;
            }
            this.colorbox(arg);
            return this;
        };
    }
};

elgg.ui.lightbox.bind = function (selector, opts) {
    if (!$.isPlainObject(opts)) {
        opts = {};
    }

    // merge opts into defaults
    opts = $.extend({}, elgg.ui.lightbox.getSettings(), opts);

    $(document).on('click', selector, function (e) {
        var $this = $(this),
            href = $this.prop('href') || $this.prop('src'),
            dataOpts = $this.data('colorboxOpts');
        // Q: why not use "colorbox"? A: https://github.com/jackmoore/colorbox/issues/435

        if (!$.isPlainObject(dataOpts)) {
            dataOpts = {};
        }

        // merge data- options into opts
        $.colorbox($.extend({href: href}, opts, dataOpts));
        e.preventDefault();
    });
};

elgg.ui.lightbox.close = function() {
    $.colorbox.close();
};

elgg.register_hook_handler('init', 'system', elgg.ui.lightbox.init);

<?php

$js_path = elgg_get_config('path');
$js_path = "{$js_path}vendors/jquery/colorbox/jquery.colorbox-min.js";
readfile($js_path);