=== Sleek Compare ===
Contributors: timjnormington
Donate link: https://products.tnormington.com/sleek-compare
Tags: before after, image comparison, slider, compare images, gutenberg
Requires at least: 5.8
Tested up to: 6.9
Requires PHP: 7.4
Stable tag: 1.0.1
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

A lightweight before and after image comparison slider for WordPress. No dependencies, under 10KB total.

== Description ==

Sleek Compare is a lightweight before/after image comparison slider for WordPress. Built with performance in mind -- no jQuery, no FontAwesome, no bloat.

= Key Features =

* **Ultra-lightweight**: Under 10KB total (JS + CSS combined)
* **Zero external dependencies**: No jQuery or icon libraries required
* **Touch-friendly**: Full swipe support for mobile devices
* **Keyboard accessible**: Arrow keys, Shift+Arrow for 10% jumps, Home/End
* **Simple shortcode**: Works in classic editor, widgets, and page builders
* **Lazy loading**: Images and slider initialization deferred until visible
* **CSS variables**: Easy theming without touching code
* **No render-blocking resources**: Scripts and styles load conditionally

= Pro Version =

Want Gutenberg block and Elementor widget support? Check out [Sleek Compare Pro](https://products.tnormington.com/sleek-compare) for:

* Native Gutenberg block with live preview
* Full Elementor widget with style controls
* Custom handle colors
* Priority email support
* Lifetime updates

== Installation ==

1. Upload the `sleek-compare` folder to `/wp-content/plugins/`
2. Activate the plugin through the 'Plugins' menu in WordPress
3. Use the shortcode to add sliders to your pages
4. Visit Settings > Sleek Compare for usage instructions

== Usage ==

= Shortcode =

Basic usage:
`[sleek_compare before="https://example.com/before.jpg" after="https://example.com/after.jpg"]`

With all options:
`[sleek_compare
  before="https://example.com/before.jpg"
  after="https://example.com/after.jpg"
  start="30"
  label_before="Original"
  label_after="Enhanced"
  show_labels="true"
]`

= Shortcode Attributes =

* `before` - URL of the before image (required)
* `after` - URL of the after image (required)
* `start` - Starting position 0-100 (default: 50)
* `label_before` - Before label text (default: "Before")
* `label_after` - After label text (default: "After")
* `show_labels` - Show labels true/false (default: true)

== Frequently Asked Questions ==

= Does this work with page builders? =

Yes, use the shortcode in any page builder that supports shortcodes.

= Is it mobile friendly? =

Absolutely. Full touch/swipe support with optimized touch targets.

= Is it accessible? =

Yes. Full keyboard navigation and screen reader support.

= How do I get Gutenberg block or Elementor widget support? =

The Pro version includes these features. Visit [products.tnormington.com/sleek-compare](https://products.tnormington.com/sleek-compare) to upgrade.

== Screenshots ==

1. Slider in action on the frontend
2. Admin settings page with usage instructions

== Changelog ==

= 1.0.1 =
* Added upgrade banner with Pro feature highlights and step-by-step upgrade instructions
* Added FAQ entry for upgrading from Lite to Pro

= 1.0.0 =
* Initial release

== Upgrade Notice ==

= 1.0.1 =
Added in-admin upgrade instructions for Pro users.

= 1.0.0 =
Initial release of Sleek Compare.
