Forum | Appery.io

I have a carousel of two image holders. The images are loaded from Files collection and their sizes 70KB. During development and testing the photos where loaded find and showing correctly. However, it was noticed by users when they download first time, the image on first login is not displayed, it shows as follows:

If you navigate to any other page and come back again, it will be displayed correctly. However, these images are on the first page that is the first thing the user sees after downloading the App, which leaves very bad first impression.

What is the reason these photos are not being displayed right after download? and how can I solve this problem?
Many thanks,

Hello Hawk,

You need to check:
1) when do call your download service for images
2) does it triggers success event
3) does image actually downloaded from collection
4) has request all needed parameters, may be on first login, not all params are defined, thus service returns empty response

Hi Egor,

1. I call it on the home page load (first page after login page)

2. Yes, the mapping contains the name of the images, something like this
   prereturn 'https://api.appery.io/rest/1/db/files/53f2dac5e4b02cca64021dbe/'+value;/pre where it is stored in LSV.

3. On the next page onload eventt, after invoking the service, I run:
   prevar home_mevius_duo_en = Apperyio.storage.Banners.get("$['HomeBanner_1_En']");/pre
   and then
   preAppery("mobileimage_62").attr("src", home_mevius_duo_en);/pre

4. The service returns the correct values upon the first login. But it seems to me it returns too late after the script in step 3 runs, so these LSV's are still empty at the time.

   I've added point 3 script to service complete event, so it won't run without completing the service. It seems it's working but there is a delay in displaying the images (No Image statement is displayed for 2 seconds). I'm not sure how to fix this, or at lease hide this (No Image) until the banner is displayed.

   Thanks,