README

Image Comparison Slider

A slider showing the difference between two images. Can be used vertical and horizontal. Based on img-comparison-slider by sneas.

The preferred way of installation is through Composer. If you don't have Composer you can get it here: https://getcomposer.org/

To install the package add the following to the require section of your composer.json:

"require": {
    "macgyer/mg-image-comparison-slider": "^1.0"
}

Include the Site Set, either in your site configuration or as a dependency of another Set:

# config/sites/<your-site>/config.yaml
dependencies:
  - macgyer/mg-image-comparison-slider

If your setup does not use Site Sets, import the TypoScript manually in your sitepackage:

@import 'EXT:mg_image_comparison_slider/Configuration/TypoScript/setup.typoscript'

Global default colors for handle and divider require the Site Set. Without it, colors can be configured individually per content element.

[NEW]: add TYPO3 14 compatibility
[FIX]: scope inline CSS to element ID to prevent color overrides when multiple sliders appear on the same page
[FIX]: restore Appearance tab in backend form by basing CE type on types['header'] instead of types[1]
[FIX]: place Slider tab as second tab directly after General

[NEW]: update JS library to 8.0.7 which uses Constructable Stylesheets for Shadow DOM to avoid issues with nonce attribute when CSP is enabled

	URL
Repository:	https://github.com/MacGyer/mg-image-comparison-slider
TER:	https://extensions.typo3.org/extension/mg_image_comparison_slider