COMMUNITY FORUM

Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.

Galleria. Pressing thumbnails leads to nothing

Stefan Andersson
Offline
New Member

13 years 2 months ago #42621 by Stefan Andersson

Replied by Stefan Andersson on topic Re: Galleria. Pressing thumbnails leads to nothing

Highly disappointed of this module I must say... Bought it, but found this bug after just a few minutes of testing.

How can a module that is stated to be a "PRO" version, have this obvious bug, without any response at all from the developers or support? Are they ignoring the people that have found this problem, or do they ignore the problem itself?

An answer that gives us some kind of update or status would be appropiate.

Please Log in or Create an account to join the conversation.

Helio Alves
Offline
New Member

13 years 2 months ago #42622 by Helio Alves

Replied by Helio Alves on topic Re: Galleria. Pressing thumbnails leads to nothing

Well I'll simply hire a developer to fix this bug or to write a totally news gallery plugin since here nobody seems to care about the issues the community is having.
Joomlaworks your customer support is ZERO, there's not point in developing plugins (that have bugs) and never provide support for it.

Please Log in or Create an account to join the conversation.

cvoogt
Offline
Junior Member

13 years 2 months ago #42623 by cvoogt

Replied by cvoogt on topic Re: Galleria. Pressing thumbnails leads to nothing

I would suggest to JoomlaWorks that they remove the Galleria layout from the plugin for now, since it does not work properly. At least that way people won't run into this issue anymore.

Please Log in or Create an account to join the conversation.

BBC
Offline
Platinum Member

13 years 2 months ago #42624 by BBC

Replied by BBC on topic Re: Galleria. Pressing thumbnails leads to nothing

I opened a new topic here:
forum.joomlaworks.net/simple-image-gallery-pro-(plugin)/galleria-clicking-at-thumbs/

More or less Gallera is useless.

Please Log in or Create an account to join the conversation.

JoomlaWorks
Away
Admin

13 years 1 month ago #42625 by JoomlaWorks

Replied by JoomlaWorks on topic Re: Galleria. Pressing thumbnails leads to nothing

Please do not cross-post the same thing...

If it was a verified bug, you would have a response. But it's not...

The only bug relates to the "title" not changing which we'll fix in 2.5.7 within the week.

BTW, someone posted this site: qfund.org/cms/index.php?option=com_content&view=article&id=76&Itemid=58

I can see the gallery works just fine.

So does in our demo site.

Bear in mind that if you use Flickr with Galleria, image loading may time out if Flickr is unresponsive. Instead try a local gallery to make sure. Needless to say, if there are other extensions causing JavaScript conflicts, don't blame our plugin. You need to sort those first as your site will not work properly.

Lastly, if you want us to help you, better provide a URL...

Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

cvoogt
Offline
Junior Member

13 years 1 month ago #42626 by cvoogt

Replied by cvoogt on topic Re: Galleria. Pressing thumbnails leads to nothing

The demo sort of works, but it has a problem in Chrome, Firefox, and IE9 at least. I just tested this in all three.

Yes, at first clicking the thumbnails does work, but if you try to go back and click the same thumbnail a second or third time, you keep needing to click it multiple times. Ultimately you might have to click the thumbnail seven or more times in a row before the slide switches. I just tried the demo again and it is still like that. I had been trying to use Galleria on a client site, but had to abandon it and use an FPSS solution instead.

It is truly a bug (unless the behavior we described is what you intended, which I doubt). Please try clicking around in your demo and click the same thumbnails a couple times, and notice how you will need to click multiple times on a thumbnail to get the slide to change.

I LOVE all JoomlaWorks projects and gladly pay for your products, and wouldn't complain unless there was truly an issue, and this one is a real issue.

Thanks

Please Log in or Create an account to join the conversation.

JoomlaWorks
Away
Admin

13 years 1 month ago #42627 by JoomlaWorks

Replied by JoomlaWorks on topic Re: Galleria. Pressing thumbnails leads to nothing

The problem boils down only when you click on the same thumbnail twice. Not the entire template. Update coming this week, also fixing the "unchanged title" issue.

Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

cvoogt
Offline
Junior Member

13 years 1 month ago #42628 by cvoogt

Replied by cvoogt on topic Re: Galleria. Pressing thumbnails leads to nothing

yes the template as such is fine, the problem is the clicking. If you click the same thumbnail twice or even more, the problem gets worse each time. I have had customers complain about this because their visitors were indeed clicking the same thumbnails man y times while browsing around their galleries.

Thanks for looking into this.

Please Log in or Create an account to join the conversation.

alexander.kurtz
Offline
New Member

13 years 1 month ago #42629 by alexander.kurtz

Replied by alexander.kurtz on topic Re: Galleria. Pressing thumbnails leads to nothing

Hello,

I also have the same problem.

u klick 1st time on a thumb and all is fine
u click on other, all is fine, also at 3rd, but at 4th, 5th it will not react so fast as at the 1st 3 ones.

so i took a closer looke the the file "\plugins\content\jw_sigpro\tmpl\Galleria\js\behaviour.js"

i found out how it works, and placed some console.log()-statements:

jQuery.noConflict();
jQuery(document).ready(function($){

    $('.sigProGalleriaLink').click(function(event) {

        console.log(event);

        event.preventDefault();

        // Prevent clicks upon animation
        if($(':animated').length) {
            console.log("if($(':animated').length) return false");
            console.log($(':animated'));
            return false;
        }

        // Assign element
        var el = $(this);

        // Parent container
        var outerContainer = el.parent().parent().parent().parent().parent();
        var placeholderContainer = outerContainer.find(".sigProGalleriaPlaceholderContainer div:first");

        // Placeholder elements
        var targetLink = placeholderContainer.find("a:first");
        var targetTitle = placeholderContainer.find("p:first");
        var targetImg = targetLink.find("img:first");

        if(targetLink.hasClass('sigProGalleriaTargetLink')){
            console.log("if(targetLink.hasClass('sigProGalleriaTargetLink')");
            // Source elements
            var sourceLinkHref = el.attr("href");
            var sourceLinkTitle = el.attr("title");
            var sourceImage = el.find("img:first");
            if(el.find("span:nth-child(2)")) {
                var sourceTitle = el.find("span:nth-child(2)").find("b:first").html();
            } else {
                var sourceTitle = false;
            }
			
            placeholderContainer.animate({'opacity':0},300,function(){
                console.log("placeholderContainer.animate({'opacity':0},300) done ");
                targetImg.attr("src",sourceLinkHref);
                targetImg.load(function(){					
                    targetImg.attr("title",sourceImage.attr("title"));
                    targetImg.attr("alt",sourceImage.attr("alt"));
                    targetLink.attr("href",sourceLinkHref);
                    targetLink.attr("title",sourceLinkTitle);
                    if(targetTitle.hasClass('sigProGalleriaTargetTitle') && sourceTitle) {
                        targetTitle.html(sourceTitle);
                    }
                    placeholderContainer.animate({'opacity':1},600,function(){
                        console.log("placeholderContainer.animate({'opacity':1},600) done ");
                        console.log(placeholderContainer.length);
                    });
                });
            });

        }

        // Set class for current thumb
        var thumbs = outerContainer.find("ul:first").find("a");
        thumbs.each(function(){
            if($(this).hasClass('sigProLinkSelected')){
                $(this).removeClass('sigProLinkSelected');
            }
        });
        el.addClass('sigProLinkSelected');

    });

});

after a few times of clicking on thumb, i got this console log:

if(targetLink.hasClass('sigProGalleriaTargetLink')
behaviour.js (Zeile 38)
placeholderContainer.animate({'opacity':0},300) done
behaviour.js (Zeile 50)
log: placeholderContainer.animate({'opacity':1},600) done
behaviour.js (Zeile 61)
1
behaviour.js (Zeile 62)
getAttributeNode() sollte nicht mehr verwendet werden. Verwenden Sie stattdessen getAttribute().
if(targetLink.hasClass('sigProGalleriaTargetLink')
behaviour.js (Zeile 38)
placeholderContainer.animate({'opacity':0},300) done
behaviour.js (Zeile 50)
placeholderContainer.animate({'opacity':1},600) done
behaviour.js (Zeile 61)
log: 1
behaviour.js (Zeile 62)
placeholderContainer.animate({'opacity':1},600) done
behaviour.js (Zeile 61)
1
behaviour.js (Zeile 62)
if(targetLink.hasClass('sigProGalleriaTargetLink')
behaviour.js (Zeile 38)
placeholderContainer.animate({'opacity':0},300) done
behaviour.js (Zeile 50)
placeholderContainer.animate({'opacity':1},600) done
behaviour.js (Zeile 61)
1
behaviour.js (Zeile 62)
placeholderContainer.animate({'opacity':1},600) done
behaviour.js (Zeile 61)
1
behaviour.js (Zeile 62)
placeholderContainer.animate({'opacity':1},600) done
behaviour.js (Zeile 61)
1
behaviour.js (Zeile 62)
if(targetLink.hasClass('sigProGalleriaTargetLink')
behaviour.js (Zeile 38)
placeholderContainer.animate({'opacity':0},300) done
behaviour.js (Zeile 50)
placeholderContainer.animate({'opacity':1},600) done
behaviour.js (Zeile 61)
1
behaviour.js (Zeile 62)
placeholderContainer.animate({'opacity':1},600) done
behaviour.js (Zeile 61)
1
behaviour.js (Zeile 62)
placeholderContainer.animate({'opacity':1},600) done
behaviour.js (Zeile 61)
1
behaviour.js (Zeile 62)
placeholderContainer.animate({'opacity':1},600) done
behaviour.js (Zeile 61)
1
behaviour.js (Zeile 62)
if(targetLink.hasClass('sigProGalleriaTargetLink')
behaviour.js (Zeile 38)
placeholderContainer.animate({'opacity':0},300) done
behaviour.js (Zeile 50)
placeholderContainer.animate({'opacity':1},600) done
behaviour.js (Zeile 61)
1
behaviour.js (Zeile 62)
placeholderContainer.animate({'opacity':1},600) done
behaviour.js (Zeile 61)
1
behaviour.js (Zeile 62)
placeholderContainer.animate({'opacity':1},600) done
behaviour.js (Zeile 61)
1
behaviour.js (Zeile 62)
placeholderContainer.animate({'opacity':1},600) done
behaviour.js (Zeile 61)
1
behaviour.js (Zeile 62)
placeholderContainer.animate({'opacity':1},600) done
behaviour.js (Zeile 61)
1
behaviour.js (Zeile 62)
if(targetLink.hasClass('sigProGalleriaTargetLink')
behaviour.js (Zeile 38)
placeholderContainer.animate({'opacity':0},300) done
behaviour.js (Zeile 50)
placeholderContainer.animate({'opacity':1},600) done
behaviour.js (Zeile 61)
1
behaviour.js (Zeile 62)
placeholderContainer.animate({'opacity':1},600) done
behaviour.js (Zeile 61)
1
behaviour.js (Zeile 62)
placeholderContainer.animate({'opacity':1},600) done
behaviour.js (Zeile 61)
1
behaviour.js (Zeile 62)
placeholderContainer.animate({'opacity':1},600) done
behaviour.js (Zeile 61)
1
behaviour.js (Zeile 62)
placeholderContainer.animate({'opacity':1},600) done
behaviour.js (Zeile 61)
1
behaviour.js (Zeile 62)
placeholderContainer.animate({'opacity':1},600) done
behaviour.js (Zeile 61)
1
behaviour.js (Zeile 62)

Each time u click on a thumb, the fade in of the placeholderContainer-DIV will become more.

after 1st click it fades in 1 times,
after 2nd click it fades in 2 times,
after 3rd click it fades in 3 times,
after 4th click it fades in 4 times,
after 5th click it fades in 5 times,

and so on...

so the system need more and more time to finish all this fadeins and can't handle the next request to change the image at the sigProGalleriaPlaceholderContainer-DIV.

my big question now is, why the fade ins become more and more each click....

the placeholderContainer-Object contains only one object or other words the sigProGalleriaPlaceholderContainer-div is once at the DOM.

greetings

ps:

sorry, i need a very fast fix!!

Please Log in or Create an account to join the conversation.

alexander.kurtz
Offline
New Member

13 years 1 month ago #42630 by alexander.kurtz

Replied by alexander.kurtz on topic Re: Galleria. Pressing thumbnails leads to nothing

found an workaround:

/**
 * @version		2.5.6
 * @package		Simple Image Gallery Pro
 * @author		JoomlaWorks - https://www.joomlaworks.net
 * @copyright	Copyright (c) 2006 - 2011 JoomlaWorks Ltd. All rights reserved.
 * @license		Commercial - This code cannot be redistributed without permission from JoomlaWorks Ltd.
 */

jQuery.noConflict();
jQuery(document).ready(function($){

    $('.sigProGalleriaLink').click(function(event) {

//        console.log(event);

        event.preventDefault();

        // Prevent clicks upon animation
        if($(':animated').length) {
//            console.log("if($(':animated').length) return false");
//            console.log($(':animated'));
            return false;
        }

        // Assign element
        var el = $(this);

        // Parent container
        var outerContainer = el.parent().parent().parent().parent().parent();
        var placeholderContainer = outerContainer.find(".sigProGalleriaPlaceholderContainer div:first");

        // Placeholder elements
        var targetLink = placeholderContainer.find("a:first");
        var targetTitle = placeholderContainer.find("p:first");
        var targetImg = targetLink.find("img:first");

        if(targetLink.hasClass('sigProGalleriaTargetLink')){
//            console.log("if(targetLink.hasClass('sigProGalleriaTargetLink')");
            // Source elements
            var sourceLinkHref = el.attr("href");
            var sourceLinkTitle = el.attr("title");
            var sourceImage = el.find("img:first");
            if(el.find("span:nth-child(2)")) {
                var sourceTitle = el.find("span:nth-child(2)").find("b:first").html();
            } else {
                var sourceTitle = false;
            }
			
            placeholderContainer.animate({'opacity':0},300,function(){
//                console.log("placeholderContainer.animate({'opacity':0},300) done ");
                targetImg.attr("src",sourceLinkHref);
//                console.log(targetImg);
                var counter = 0; // <<<<###### INCLUDED !!!
                targetImg.load(function() {
                    if (counter++ == 0) { // <<<<###### INCLUDED !!!
//                        console.log(" targetImg.load()");
                        targetImg.attr("title",sourceImage.attr("title"));
                        targetImg.attr("alt",sourceImage.attr("alt"));
                        targetLink.attr("href",sourceLinkHref);
                        targetLink.attr("title",sourceLinkTitle);
                        if(targetTitle.hasClass('sigProGalleriaTargetTitle') && sourceTitle) {
                            targetTitle.html(sourceTitle);
                        }
                        placeholderContainer.animate({'opacity':1},600,function(){
//                            console.log("placeholderContainer.animate({'opacity':1},600) done ");
//                            console.log(placeholderContainer.length);
//                            console.log($('sigProGalleriaPlaceholderContainer'));
                        });
                    }  // <<<<###### INCLUDED !!!
                });
            });

        }

        // Set class for current thumb
        var thumbs = outerContainer.find("ul:first").find("a");
        thumbs.each(function(){
            if($(this).hasClass('sigProLinkSelected')){
                $(this).removeClass('sigProLinkSelected');
            }
        });
        el.addClass('sigProLinkSelected');

    });
    
});

Please Log in or Create an account to join the conversation.