Default image viewer

Hello

Unfortunately your question is not quite clear. Could you please explain it in more details?
Do you mean that some joomla gallery module is not working with Themler theme? If so which one?

Thank you,
Olivia

The "sigplus" module installed and everything is going perfectly well only when I click an image it brings up the sigplus viewer and themler Default (bd-lightbox) things, and so the picture I can not link to do not because then instead of further traversing the xy page instead open to Lightbox

Hi,

So the problem appears in the admin panel of your Joomla site with the Sigplus component? In this case please provide a link to your site and the admin access to the back end. I'll move this topic to private so your login details will be safe.
Also please provide the step-by-step instruction on how to reproduce this issue.

Sincerely,
Hella
BillionDigital Team

But the problem is that localhost and do not cloud yesterday somehow improved the links to open the images depicted in the well after I launched the editor published a notification that themler firssiti lefrissitette yourself in the moment and breaks down again and opened LightBox

Hello,
I tested the Sigplus plugin with its default settings and default Themler theme.
I see some issues with image scaling, but no problem with image preview (lightbox).
So if possible please provide a link to live page that demonstrates a problem and access to your Joomla admin back end.

Thank you,
Aileen

Thank you very much for your quick response but they learned to solve the problem so I'll explain when you will meet with him myWeb / template / mytemplate / script.js in

I deleted this part
<pre>
var ThemeLightbox = (function ($) {

'use strict';
return (function ThemeLightbox(selectors) {
    var selector = selectors;
    var images = $(selector);
    var current;
    var close = function () {
        $(".bd-lightbox").remove();
    };
    this.init = function () {

        $(selector).mouseup(function (e) {
            if (e.which && e.which !== 1) {
                return;
            }
            current = images.index(this);
            var imgContainer = $('.bd-lightbox');
            if (imgContainer.length === 0) {
                imgContainer = $('<div class="bd-lightbox">').css('line-height', $(window).height() + "px")
                    .appendTo($("body"));
                var closeBtn = $('<div class="close"><div class="cw"> </div><div class="ccw"> </div><div class="close-alt">&#10007;</div></div>');
                closeBtn.appendTo(imgContainer);
                closeBtn.click(close);
                showArrows();
                var scrollDelay = 100;
                var lastScroll = 0;
                imgContainer.bind('mousewheel DOMMouseScroll', function (e) {
                    var date  =  new Date();
                    if (date.getTime() > lastScroll + scrollDelay) {
                        lastScroll = date.getTime();
                        var orgEvent = window.event || e.originalEvent;
                        var delta = (orgEvent.wheelDelta ? orgEvent.wheelDelta : orgEvent.detail * -1) > 0 ? 1 : -1;
                        move(current + delta);
                    }
                    e.preventDefault();
                }).mousedown(function (e) {
                        // close on middle button click
                        if (e.which === 2) {
                            close();
                        }
                        e.preventDefault();
                 });
            }
            move(current);
        });
    };

    function move(index) {

        if (index < 0="" ||="" index="">= images.length) {
            return;
        }

        showError(false);

        current = index;

        $(".bd-lightbox .lightbox-image:not(.active)").remove();

        var active = $(".bd-lightbox .active");
        var target = $('<img class="lightbox-image" alt="" src="' + getFullImgSrc($(images[current])) + '">').click(function () {
            if ($(this).hasClass("active")) {
                move(current + 1);
            }
        });

        if (active.length > 0) {
            active.after(target);
        } else {
            $(".bd-lightbox").append(target);
        }

        showArrows();
        showLoader(true);

        $(".bd-lightbox").add(target);

        target.load(function () {
            showLoader(false);
            active.removeClass("active");
            target.addClass("active");
        });

        target.error(function () {
            showLoader(false);
            active.removeClass("active");
            target.addClass("active");
            target.attr("src", $(images[current]).attr("src"));
            target.unbind('error');
        });
    }

    function showArrows() {
        if ($(".bd-lightbox .arrow").length === 0) {
            var topOffset = $(window).height() / 2 - 40;
            $(".bd-lightbox")
                .append(
                    $('<div class="arrow left"><div class="arrow-t ccw"> </div><div class="arrow-b cw"> </div><div class="arrow-left-alt">&#8592;</div></div>')
                        .css("top", topOffset)
                        .click(function () {
                            move(current - 1);
                        })
                )
                .append(
                    $('<div class="arrow right"><div class="arrow-t cw"> </div><div class="arrow-b ccw"> </div><div class="arrow-right-alt">&#8594;</div></div>')
                        .css("top", topOffset)
                        .click(function () {
                            move(current + 1);
                        })
                );
        }

        if (current === 0) {
            $(".bd-lightbox .arrow.left").addClass("disabled");
        } else {
            $(".bd-lightbox .arrow.left").removeClass("disabled");
        }

        if (current === images.length - 1) {
            $(".bd-lightbox .arrow.right").addClass("disabled");
        } else {
            $(".bd-lightbox .arrow.right").removeClass("disabled");
        }
    }

    function showError(enable) {
        if (enable) {
            $(".bd-lightbox").append($('<div class="lightbox-error">The requested content cannot be loaded.<br>Please try again later.</div>')
                .css({ "top": $(window).height() / 2 - 60, "left": $(window).width() / 2 - 170 }));
        } else {
            $(".bd-lightbox .lightbox-error").remove();
        }
    }

    function showLoader(enable) {
        if (!enable) {
            $(".bd-lightbox .loading").remove();
        }
        else {
            $('<div class="loading"> </div>').css({ "top": $(window).height() / 2 - 16, "left": $(window).width() / 2 - 16 }).appendTo($(".bd-lightbox"));
        }
    }

    function getFullImgSrc(image) {
        var largeImage = '';
        var parentLink = image.parent('a');
        if (parentLink.length) {
            parentLink.click(function (e) {
                e.preventDefault();
            })
            largeImage = parentLink.attr('href');
        } else {
            var src = image.attr("src");
            var fileName = src.substring(0, src.lastIndexOf('.'));
            var ext = src.substring(src.lastIndexOf('.'));
            largeImage = fileName + "-large" + ext;
        }
        return largeImage;
    }
});

})(jQuery);;

Last edited 21 October 2014 by Support Team

Hi,
thank you for the feedback. I'm not very good in coding, but in fact you have disabled the lightbox functionality. I'll contact developers whether it is possible to disable the lightbox functionality in other way and will let you know.

Regards,
Aileen

Thank you very much

Hello

Sorry for the delay. Our developers have implemented this feature. It should be available in the future Themler updates (in about a week maybe).
If you need this feature urgently we can provide you with the console command.
Please let us know.

Thank you,
Olivia

Image Lightbox feature should be available in the next update (this week).
This option allows enable or disable lightbox functionality.

Last edited 22 October 2014 by Support Team

Image Lightbox feature should be available in the next update (this week).
This option allows enable or disable lightbox functionality.

wow thank you very much for this very quick help

I'd just like to say that the Image Lightbox functionality is great - I usually use a plugin to provide this functionality. However, it seems to work even on images to which you've added hyper-links, thereby rendering the hyper-link redundant.

Shouldn't it only work on images that don't have hyper-links, so that then the hyper-links would work?

It also works on images that are part of a JetPack gallery, after the gallery click-to-view functionality. So you click on an image in a JetPack gallery, then the gallery displays the image larger, then when you close it, the Themler LightBox displays it again.

Last edited 01 December 2015 by Paul Cutcliffe

Hi,

The image lightbox can be disabled if "no-lightbox" class is added to the image.
Does JetPack gallery support the option to add custom class to the images?

Thank you,
Olivia

I dont have this problem. Using Carousel addon from Jetpack.

Hi,

I'd also like to disable the Themler lightbox because it causes troubles with Balbooa Gallery.
But I can't find the toggle button in the screenshot you've posted on 22 October 2014.
You'll find a screenshot how the menu looks in my Themler version (1.0.319).

Can you please be so kind an tell me, where to find the option to disable Themler lightbox?
Thank you very much in advace.

Kind regards,
Robert

Hi,

The option is available here:

Thank you,
Olivia

Hi Olivia,

thank you so much. Now it works!

All the best,
Robert

You are welcome. Feel free to contact us in any other occasion.

Sincerely,
Hella

Vote for Lightbox off by default
https://answers.themler.com/questions/68420/lightbox-off/