Download the PHP package nambu-ch/pimcore-image-loader without Composer

On this page you can find all versions of the php package nambu-ch/pimcore-image-loader. 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 nambu-ch/pimcore-image-loader

Informations about the package pimcore-image-loader

Pimcore ImageLoaderBundle

Pimcore 10.x bundle to automate the minification of images inside a webpage.

Automatically generates all needed thumbnails and loads them in relation to the width of the surrounding html-element. The smallest image will be loaded as the default. Default image sizes are .

Install and Enable

Dependencies

This library needs Bootstrap and jQuery to work.

Get rid of bootstrap

As an easy fix you can add the following css definition to your own style, so you don't need to include bootstrap:

Usage

Load js file inside your layout.

There is now a version without the dependency of jquery at /bundles/imageloader/js/imageloader-vanilla.js.

Example

Force imageloader to recalculate

The imageloader listens to the window resize event and automaticaly loads the best image, but sometimes images appear and need an manual recalculation of the best image size, for example when an accordion opens. In combination with the bootstrap event, this is done like this:

Cache Buster

CacheBuster is enabled to all images by default. It takes the modification date of the image asset to refresh cache if needed. It can be disabled with an option available inside the twig function. To disable CacheBuster globally you can use yml configuration as follows.

Available options

Following options are available:

Name Type Description
isBackgroundImage boolean Set to true to load image as css background, instead of img-tag.
imageCssClass string A CSS class to apply to the image.
thumbnailNames array List of size => thumbnail-names to generate the different sizes. e.g.
sizeSelector string jQuery CSS selector to a html element which will be used for determining the size. e.g. '.some-element'
widths array List of thumbnail widths to override default sizes e.g.
sizesOptions array List of options e.g. ]
altText string Alt-Text of the image.
setImageSize boolean Set width and height attributes on img element.
thumbnail string Thumbnail-Name from Pimcore configuration.
emptyImageThumbnail string or Asset\Image Path to an Image or a Pimcore Asset\Image which is shown at start before imageloader determines the fitting thumbnail
lazyLoad boolean Enable lazy loading via IntersectionObserver
disableCacheBuster boolean Disable Cache Buster

Advanced usage

Option can be used to switch from background image to img-tag, set to true and define . If so the img-tag is shown on small sizes and a background from md-breakpoint upwards.

Using thumbnails with media queries

If the option thumbnail is set and the configuration has media queries, those are used for loading the image. Media queries are only used with their px value. So it doesn't matter if you have set min-with or max-width. It will always use the px as max-width. This option can be used together with isBackgroundImage, imageCssClass, sizeSelector and altText.

All versions of pimcore-image-loader with dependencies

PHP Build Version
Package Version
Requires pimcore/pimcore Version ^10.1
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 nambu-ch/pimcore-image-loader contains the following files

Loading the files please wait ....