Download the PHP package visol/viresponsiveimages without Composer

On this page you can find all versions of the php package visol/viresponsiveimages. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.

FAQ

After the download, you have to make one include require_once('vendor/autoload.php');. After that you have to import the classes with use statements.

Example:
If you use only one package a project is not needed. But if you use more then one package, without a project it is not possible to import the classes with use statements.

In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
Some PHP packages are not free to download and because of that hosted in private repositories. In this case some credentials are needed to access such packages. Please use the auth.json textarea to insert credentials, if a package is coming from a private repository. You can look here for more information.

  • Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
  • To use Composer is sometimes complicated. Especially for beginners.
  • Composer needs much resources. Sometimes they are not available on a simple webspace.
  • If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
  • Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Please rate this library. Is it a good library?

Example code of visol/viresponsiveimages

Informations about the package viresponsiveimages

Responsive Images for TYPO3 CMS

This extensions provides a ResponsiveImageViewHelper and a SrcSetViewHelper to provide responsive images based on the srcset approach. It supports crop variants, but also defining an own ratio.

While srcset is supported in most current browsers, for background images a similar approach with a custom data-bgset attributes can be used.

Compatibility and Maintenance

This package is currently maintained for the following versions:

TYPO3 Version Package Version Branch Maintained
TYPO3 11.5.x 2.x master Yes
TYPO3 10.4.x 1.x - No
TYPO3 9.5.x 0.9.x - No

Usage in Fluid

This example is showing the setup for a header image, added in the page properties in a desktop and mobile version.

Add to your Fluid template

The corresponding image editor setup in would look like this:

JavaScripts

If you want to support older browsers (e.g. IE) and/or use the bgset feature to create responsive background images, you need to use the lazysizes library.

JavaScript bundled with this extension

The extension uses lazysizes.js along with the plugins respimg/ls.respimg.min.js, ls.parent-fit.min.js and ls.bgset.min.js which are all included in Resources/Private and included by

Install using npm

The preferred way to include those libraries would be to disable the includes in your setup through the following TypoScript configuration

and install lazysizes through npm/yarn in your project

or add lazysizes to the dependencies section of your package.json

Then choose your favourite way to build/include the sources from there. With webpack you would import the libraries in your main.js like:

Credits

https://www.npmjs.com/package/lazysizes

visol digitale Dienstleistungen GmbH, www.visol.ch

All versions of viresponsiveimages with dependencies

PHP Build Version
Package Version
Requires typo3/cms-core Version ^11.4
Composer command for our command line client (download client) This client runs in each environment. You don't need a specific PHP version etc. The first 20 API calls are free. Standard composer command

The package visol/viresponsiveimages contains the following files

Loading the files please wait ....