[sunlit]

In a portfolio gallery with many images (over 50) the thumbnails take a lot of time to load, since they do not show until they are all loaded, and they they all appear at once with that animation.
is there a way to turn of that animation, so that thumbnails are displayed as they are being loaded, one-by-one?
Also the loading gif is most of the time not animated properly even on desktop browsers, let alone mobile.
please see this issue in video:
https://youtu.be/9omQy6Ys5mU
Thank you.

[sunlit]

Here is the sample gallery that contains 250 pictures and it takes very long time for thumbnails to load.

[sunlit]

also I must add that the “walking dots” animated gif that is supposed to tell the user that something is loading DOES not show untill all the thumbnails show in my example gallery above. Tested in Safari 8.0.6 Yosemite Mac OS.

[ahmetsali]

Hi, i just checked and the loading animation seems to be working fine on safari 8.0.6 on OS X Yosemite and also latest chrome on win7. You can try the custom css code below to make the images appear while loading with no animation. Also note that images will not be shown in organized collage layout until they are all loaded.

.pw-collage a {
    display: inline-block; width: 25%; opacity: 1 !important; vertical-align: top;
}

.effect-1 {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}