Some Images are missing, still not fixed after update

…in internet explorer/edge it works without problems, but Chrome, FireFox and Safari have still problems

so after long hours of bug-searching:
The images ARE found and they can be displayed, but the CSS hides it, because the class tg-loaded isn’t set after loading the images…
I don’t know why your JavaScript-Code handles this as error (I’m not that firm with JS so I couldn’t figure it out), but here is where the whole thing is causing the mess:

Line 238-254 in jquery.modula.js

Plugin.prototype.loadImage = function (index) {
        var instance = this;
        var source = instance.$items.eq(index).find('.pic');
        var img = new Image();
        img.onerror = function () {
            console.log("error loading image [" + index + "] : " + this.src);
            if (index + 1 < instance.$items.length)
                instance.loadImage(index + 1);
        }
        img.onload = function () {
            source.data('size', { width: this.width, height: this.height });
            instance.placeImage(index);

			instance.$items.eq(index).addClass("tg-loaded");
            if (index + 1 < instance.$items.length)
                instance.loadImage(index + 1);
        }

For me I set for the .item class in modula.css –> opacity: 1;
so it works for now, but sure this is not the way it is meant to be …
I hope you can fix this soon ??

Regards,
Kenny

Hi Kenny,

I also have this problem with images not appearing (they’re there, just white). Please can you talk me through your fix? I’m not very adapt at this sort of stuff.

Thanks very much!

Hi @ginjarou,

could you please let me know the version of Modula you’re running? We’ve been able to run it fine without any issues on our test servers.