Table of Contents
Image Compare provides a possibility to compare two images with a slider.
![Demo Image](https://www.ghostkit.io/wp-content/uploads/2023/11/simon-lee-4wYxcWA5MbI-unsplash-1024x576.jpg)
![Demo Image](https://www.ghostkit.io/wp-content/uploads/2023/11/sebastian-svenson-LpbyDENbQQg-unsplash-1024x576.jpg)
Block options
- Start position
- Direction
- Trigger
- Labels
- Divider color
- Divider icon color
- Image alt
- Image size
Examples
Vertical direction
![Demo Image](https://www.ghostkit.io/wp-content/uploads/2023/11/simon-lee-4wYxcWA5MbI-unsplash-1024x576.jpg)
![Demo Image](https://www.ghostkit.io/wp-content/uploads/2023/11/sebastian-svenson-LpbyDENbQQg-unsplash-1024x576.jpg)
Hover trigger
![Demo Image](https://www.ghostkit.io/wp-content/uploads/2023/11/simon-lee-4wYxcWA5MbI-unsplash-1024x576.jpg)
![Demo Image](https://www.ghostkit.io/wp-content/uploads/2023/11/sebastian-svenson-LpbyDENbQQg-unsplash-1024x576.jpg)
With labels & Caption
![Demo Image](https://www.ghostkit.io/wp-content/uploads/2023/11/simon-lee-4wYxcWA5MbI-unsplash-1024x576.jpg)
Before
![Demo Image](https://www.ghostkit.io/wp-content/uploads/2023/11/sebastian-svenson-LpbyDENbQQg-unsplash-1024x576.jpg)
After
Custom colors & Position
![Demo Image](https://www.ghostkit.io/wp-content/uploads/2023/11/simon-lee-4wYxcWA5MbI-unsplash-1024x576.jpg)
Before
![Demo Image](https://www.ghostkit.io/wp-content/uploads/2023/11/sebastian-svenson-LpbyDENbQQg-unsplash-1024x576.jpg)
After