=== Image Comparison Gallery Block ===
Contributors: snehalpancholi
Tags: before after, comparison, gallery, gutenberg, block
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.1
Stable tag: 1.0.0
License: GPL-2.0+
License URI: https://www.gnu.org/licenses/gpl-2.0.html

A Gutenberg block rendering a responsive grid of before/after image pairs with hover or click reveal.

== Description ==

Image Comparison Gallery Block adds a native Gutenberg block that displays a responsive grid of image pairs. Each cell shows a "before" image by default and reveals the "after" image on hover or click — perfect for showcasing design revisions, product changes, or transformations.

**Features:**
* 1–4 column responsive grid layout
* Hover or click reveal mode
* Custom before/after labels per pair
* Smooth CSS transition — no jQuery dependency
* Keyboard accessible (click mode)
* PHP server-side rendering for maximum compatibility
* No external libraries or CDN dependencies

== Installation ==

1. Upload the `image-comparison-gallery` folder to `/wp-content/plugins/`.
2. Activate the plugin through the **Plugins** screen.
3. In the block editor, add the **Image Comparison Gallery** block.
4. Open the Inspector Controls panel to add image pairs and configure columns/trigger mode.

== Frequently Asked Questions ==

= How many pairs can I add? =
There is no hard limit. Keep in mind that large numbers of high-resolution images will slow page load; optimise your images and use lazy loading (enabled by default).

= Does it work with the Classic Editor? =
No. This plugin is a Gutenberg-native block and requires the WordPress block editor.

= Can I use external image URLs? =
Yes. You can use the media library picker or manually type any URL in the text field.

== Screenshots ==

1. Gallery block in the editor with two pairs selected.
2. Frontend hover reveal in 2-column layout.
3. Click-mode revealed state with before/after labels.

== Changelog ==

= 1.0.0 =
* Initial release.

== Upgrade Notice ==

= 1.0.0 =
Initial release.
