ACF Gutenberg Comparison Slider

An image comparison slider block based on ACF, ACF Image Crop, and Gutenberg

The slider code was taken from https://github.com/CodyHouse/image-comparison-slider

This slider block is created using the ACF 5.8 Beta functionality described here: https://www.advancedcustomfields.com/blog/acf-5-8-introducing-acf-blocks-for-gutenberg/

Plugin Dependencies

• Advanced Custom Field Prop version 5.8 Beta: https://www.advancedcustomfields.com/pro/
• Gutenberg: https://wordpress.org/plugins/gutenberg/
• ACF Image Crop: https://github.com/andersthorborg/ACF-Image-Crop

How to Install

1. Install and activate the plugins this plugin is dependent on
2. Install and activate the ACF Gutenberg Comparison Slider plugin
3. Import the comparison slider field group found at acf-gutenberg-comparison-slider/comparison-slider-field-group.json

Example