EctImage

This library was generated with Angular CLI version 18.0.0.

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 load the package into your modules file:

import { EctImageModule } from 'ect-image';

Then add EctImageModule into your imports array.

In your HTML template, to add an image, which is scrollable on smaller screens and includes the zoom functionality, use this:

<ect-image Source="https://media.interflora.co.uk/i/interflora/HTRHTU2-1.jpg" 
           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

None

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)