DEPRECATION WARNING

This documentation is not using the current rendering mechanism and is probably outdated. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.

lazyimages

lazyimages is a TYPO3 extension, which is able to decouple image rendering process from content rendering process.

Normally TYPO3 directly renders images while rendering the also the content. This extensions provides a FLUID ViewHelper, which enables you to integrate images into your FLUID template, but the images are rendered when images are really requested by the clients browser.

Usage

  1. Install extension with your the Extension Manager
  2. Integrate static template "lazyimages" into your TypoScript template
  3. Add the following lines to your .htaccess, after the "RewriteEngine On" line:
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-l
RewriteRule ^images/(.*)/(.*)/(.*) /index.php?type=991&tx_lazyimages_image[identifier]=$1$2&tx_lazyimages_image[filename]=$3&tx_lazyimages_image[controller]=Image [L]
  1. Using the <lazy:image> ViewHelper in your FLUID templates