packages/ecl/components/ecl-gallery/ecl-gallery-media.directive.ts
Manages image/video for the thumbnail in the gallery. Adding some styling and functionality.
| Selector | [eclGalleryMedia], [eclGalleryImage] |
Properties |
Methods |
Inputs |
HostBindings |
Accessors |
constructor()
|
| hasZoom |
Type : boolean
|
Default value : false
|
|
When this is true, on mousehover the image will be zoomed. |
| poster |
Type : string
|
|
To be used when there is no thimbnail added. Instead the 'poster' attribute in the |
| class |
Type : string
|
| e2eAttr |
Type : any
|
| tabindex |
Type : number
|
| class |
Type : string
|
|
Applies the ECL classes for the component. |
| class.ecl-video |
Type : boolean
|
Default value : false
|
| getCssClasses | ||||||
getCssClasses(rootClass: string)
|
||||||
|
Parameters :
Returns :
string
|
| isVideo |
Type : unknown
|
Default value : false
|
Decorators :
@HostBinding('class.ecl-video')
|
| sources |
Type : Array<EclGalleryMediaSource>
|
Default value : []
|
| tracks |
Type : Array<EclGalleryMediaTrack>
|
Default value : []
|
| cssClasses |
getcssClasses()
|
|
Applies the ECL classes for the component.
Returns :
string
|