capture currently visible and clicked image

[yosiasz]

Greetings!

What is the expected behavior? capture the click event of the currently visible image

What is the current behavior? No sure

What are the steps to reproduce? implemented (click)=onClick($event) but not sure how to manipulate dom to magnify image via dynamic class

What is the use-case or motivation for changing an existing behavior? to be able to manipulate and customize style on gallery-image for example enlarge image for better viewing

Which versions are you using for the following packages? Angular:16 Angular CDK:16.2.13 Angular CLI: 16.2.11 Typescript: 5.1.6 Gallery: 11.0.0

Is there anything else we should know? tried using recommended zoom library but not fit for our use case

Thanks

[MurhafSousli]

You probably need to use a custom template, then you can use another library to magnify your template like wiki image zoom

[yosiasz]

@MurhafSousli thanks. does the next beta version feature help with this?

feature: Introduce galleryImage directive within galleryItemDef, to allow recognizing the img element in your custom item template.

[MurhafSousli]

Yes this is already implemented in beta version, just add galleryImage directive to your img elements within your galleryItemDef