ICS formatter display result
ICS formatter settings

This project is not covered by Drupal’s security advisory policy.

This module provides a new formatter for image field using the Image Comparison Slider javascript library.

Installation

  • Download and enable the module.
  • Download the Image Comparison Slider library using the npm pack img-comparison-slider command and extract it to /libraries directory, correct path for the javascript file should be /libraries/img-comparison-slider/dist/index.js.
    If you are using composer, the Image Comparison Slider library can be automatically installed using the composer.libraries.json file, you can also install it manually by running the following command: composer require npm-asset/img-comparison-slider
  • Select Image Comparison Slider formatter in your multivalued
    image field display configuration.
  • Remember that you have to upload at least 2 images.

A dedicated submodule, Image Comparison Slider for Media, allows you to use ICS with medias of type Image (or referencing other medias of type Image via this module).

Alternative modules

Supporting organizations: 
Development

Project information

Releases