EctImage

This library was generated with Angular CLI version 21.0.1.

Description

This component allows for the creation of a WCAG compliant image.

Additionally:
* Images are scrollable on smaller screens
* On click of any image, magnifies that image

Usage

After installing the NPM package, to use the component, first import the EctImageComponent into your component's Imports array, e.g.:
``javascript
@Component({
selector: 'my-component',
imports: [ EctImageComponent ],
templateUrl: './my-component.component.html',
styleUrl: './my-component.css'
})
`

In your HTML template, to add an image, which is scrollable on smaller screens and includes the zoom functionality, use this:
`html
Text="Interflora: Summer Bouquet"
Width="400"
Height="400" />
``

Properties

- Source: Mandatory. HTTP URL
- Width: Optional. Default 800. Width of image.
- Height: Optional. Default 400. Height of image.
- Text: Optional. Default blank. Image label and caption text.

Events

None

Dependencies

EctAutoId - https://www.npmjs.com/package/ect-auto-id - A directive that makes sure that all HTML elements are unique.

Cost

If you find some benefit from using this package, please consider the time it took to put this together, and why not buy me a coffee? Goodness only knows that most of us would not function without coffee. All donations very much welcomed:
(https://www.buymeacoffee.com/exoduscloudtech)

Licence

The licence agreement for this paid component can be found here: (https://angular-grid.net/assets/licence/licence_agreement.txt)