New Image Text Overlay Layout Widget

[Dnsftl]

Image Text Overlay Layout Widget

A new widget for the Astroid framework: the Image Text Overlay Layout Widget. This widget provides a powerful and flexible way to combine images and text, ensuring an attractive presentation and enhanced user experience.

Purpose and Features
The Image Text Overlay Layout Widget allows users to intuitively place text over images with extensive customization options. The key features include:

1. Layout Options

• Various text positions: Top, center, bottom, left, right, or spanning the entire image.
• Customizable overlays: Transparent, semi-transparent, a fully colored background, or gradient overlays for the text..
• Flexible structures: Support for a single image or a dynamic grid of multiple images.

2. Style and Design

• Font and color management: Support for Google Fonts, local fonts, and custom colors.
• Visual effects: Text shadow, borders, rounded corners, and background options.
• Hover effects: Fade-in, blur, zoom-in, and other modern animations on mouse hover.

3. Functionality

• Dynamic image sources: Images can be loaded from the media folder, an external URL, or a Joomla! article.
• Link options: Clickable images and buttons to direct users to relevant pages.
• Responsiveness: Fully customizable and automatically scalable for mobile, tablet, and desktop.

4. Extra Features

• Lazy Loading: Faster load times by loading images only when needed.
• SVG & Icon Support: Support for vector images and icons in overlays.
• Time-based display: Ability to show or hide content at specific times.

Benefits for Astroid and Users

• Enhanced UX/UI: Provides a visually appealing way to present content.
• Ease of use: Simple configuration within the Astroid framework.
• Performance optimization: Lazy loading and responsive design ensure faster load times and improved performance.

The Image Text Overlay Layout Widget can enable users to create visually appealing layouts without extra CSS or HTML coding. This proposal focuses on flexibility, user-friendliness, and modern web standards, making Astroid even more powerful.