imageSize = cover working as though imageSize = contain selected about ngx-gallery HOT 8 CLOSED

Thanks for pointer @MurhafSousli! I never thought to look at my global config which I must have copied from somewhere but it had both:

autoHeight: true,
imageSize: "cover"

• the fix was simply to remove the autoHeight property from it. Production site now looking perfect ❤️ thanks again for your help in getting this resolved.

from ngx-gallery.

Maybe you are calling a function that sets the config from the service or component ref, I suggest you try to set the gallery items using the items input of the gallery then see if cover is applied

from ngx-gallery.

On my production site, I have tried initialising the gallery both with Template Binding (as per stackblitz) and via Gallery Service and it still behaves the same. I also tried initialising the stackblitz project via a Gallery Service and this consistently works so there's something about my project that's making it not work. Can you suggest by looking at the inspector on my project what might be wrong?

from ngx-gallery.

The production site doesn't help, if you share a link to the repo maybe I can check your code.

from ngx-gallery.

Thanks for your offer to look at the repo - this is the area of code where the gallery component is located: https://github.com/nbarrett/ngx-ramblers/blob/main/projects/ngx-ramblers/src/app/album/view/album-gallery.ts

from ngx-gallery.

https://github.com/nbarrett/ngx-ramblers/blob/167c7aaa2e26d89ea384946da08798da5995ebb5/projects/ngx-ramblers/src/app/album/view/album-gallery.ts#L88

Try this

 this.galleryRef = this.gallery.ref(this.galleryId, {
   imageSize: 'cover'
 });

from ngx-gallery.

thanks for suggestion - sadly that didn't make any difference 😞 - can you think of anything else I can do to diagnose this problem please?

from ngx-gallery.

You can try setting imageSize in the global config

from ngx-gallery.