Photo error

[Bachi]

Hi,
I'm having some issue for photo album. Please see attached.
Thank you

[Kateryna Grynko]

Hi Bachi,

Sorry for the delay.
Could you provide us with some more information please?
Did you create gallery by tutorial?

[Kateryna Grynko]

Hi,

Remove the intermediate screen.

Set the basic image as the first element of the list, hide the remaining elements. Then click on opens the gallery.

Opening is bypassing the gallery of photos - each element of the gallery contains a link to the full-size image. If the gallery does not have time to load, then fires a direct link to the image.

[Bachi]

Yes i followed the tutorial for this gallery. How can i fix it without removing intermediate screen? Every property has multiple photos and i want to show all of them in the same way how it is currently.

[Kateryna Grynko]

Hi Bachi,

Do you need this intermediate screen or do you want to delete it?
Using JS code, when generating list with images, you can show only the first image and hide others.

[Bachi]

Katya,
Could you provide me an appropriate JS code to address this?
Thank you
Bachi Nyangar

[Kateryna Grynko]

Hi Bachi,

On the description page add resources for photo gallery as it's shown in tutorial. Try the following steps:

1. Create ListView and make it invisible.
2. Add Link component as a list item.
3. For Link add new attribute "rel" with value="external".
4. Create a service for getting images list.
5. Map the service to this list.
6. Before calling service.
7. On service Success event set local variable galleryIsReady == 1.
8. On service Success event run the following JavaScript code:
   codeAppery( "list_view_name" ).find("a").photoSwipe();/code
9. For the main description image create the following handler:
   codeif ( localStorage.getItem('galleryIsReady') === '1' ) {
   Appery( "list_view_name" ).find("a:first").click();
   }/code
   Let us know if this helps please.