visol/neos-responsiveimages

Last activity 11 Nov 2024 5 1 5304

composer require visol/neos-responsiveimages

Neos package that helps implementing responsive images based on npm's lazyimages

1.0.0

Requires

Visol.Neos.ResponsiveImages

This Neos package helps using npm's lazysizes strategy to implement responsive images. See https://www.npmjs.com/package/lazysizes

Installation

To install the package correctly, go to your theme package (e.g. Packages/Sites/Visol.Site) and run the following command:

composer require visol/neos-responsiveimages --no-update

Install lazysizes. E.g. with npm
npm install lazysizes --save
Add the JavaScript sources to your main script
import 'lazysizes/plugins/parent-fit/ls.parent-fit.min'; import 'lazysizes/plugins/bgset/ls.bgset.min'; import 'lazysizes/lazysizes.min';

Quick Start

Just replace usages o…
Read more