Modern Comparison Slider
A modern, easy-to-use comparison slider. Compare before and after images, for grading, CGI and other retouching comparisons. Easily convert two images into a comparison slider to show your work, whether it’s photo grading, CGI, or any other kind of retouching. Using an intuitive tag that wraps two i
About this tool.
A modern, easy-to-use comparison slider. Compare before and after images, for grading, CGI and other retouching comparisons. Easily convert two images into a comparison slider to show your work, whether it’s photo grading, CGI, or any other kind of retouching.
Using an intuitive tag that wraps two images, there is no other work that needs to be done to get your comparison sliders working.
- Two modern theme options
- Great customization including start on hover, and starting point
- Mobile friendly
- Lightweight
- Easy-to-use!
All example photos by Dane Wetton.
Screenshots & previews.
Getting started.
You can search Modern Comparsion Slider right in your WordPress plugins section, alternatively you can download and install the plugin:
- 01Upload modern-comparison-slider to the /wp-content/plugins/ directory
- 02Activate the plugin through the ‘Plugins’ menu in WordPress
- 03Wrap two images of the same size with the [compare] tag
Frequently asked questions.
How do I use this plugin?
Place two images of the same size one after another in the editor (tip: If you’re using the new editor, make sure your block that holds these two images is set to ‘Classic’)
Wrap these two images with the [compare] [/compare] tag. That’s all it needs to get working!
How can I style the look and feel?
There is a settings page found at Settings > Modern Compare Slider that will affect all sliders on the website. However, you can override a look and feel of any particular slider by using these options:
