JuZ DualView

Përshkrim

The JuZ DualView Block allows you to create interactive before/after comparisons directly in the WordPress block editor. Perfect for showcasing transformations, improvements, or any content that benefits from side-by-side comparison with an interactive slider.

Key Features:
– Interactive slider to compare before/after content
– Works with images, text, or any block content
– Customizable labels and descriptions
– Responsive design that works on all devices
– Accessibility-ready with proper ARIA attributes
– Easy to use with a simple interface

Use Cases:
– Showcasing design improvements
– Demonstrating product before/after results
– Comparing old vs. new versions
– Highlighting transformations
– Any content that benefits from visual comparison

Accessibility Credits:
This plugin’s accessibility features were developed with expert guidance from:
Jean-Baptiste Audras (Whodunit)
Sorya Huon (Ecedi)
Myriam Niaré-Guilloux (Ecedi)

Additional Notes

  • Requires WordPress 6.0 or higher
  • Works with the Gutenberg block editor
  • Tested with major WordPress themes
  • Lightweight and performance optimized

Foto ekrani

Blloqe

Kjo shtojcë furnizon 1 bllok.

  • JuZ DualView A Gutenberg block to display an easy "Before/After" comparison.

Instalim

  1. Upload the plugin files to the /wp-content/plugins/juz-dualview directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Use the “JuZ DualView” block in the Gutenberg editor

PBR

How do I use the block?

  1. Add the “JuZ DualView” block to your post or page
  2. Add your “Before” content in the first section
  3. Add your “After” content in the second section
  4. Customize the block settings as needed
  5. Publish your content

Can I compare more than just images?

Yes! The block works with any content type. You can compare images, text, or any combination of blocks.

Is the block responsive?

Yes, the block is fully responsive and will adapt to different screen sizes.

Can I customize the colors?

Yes, you can customize the background colors and text colors using the block’s color settings.

Is the block accessible?

Yes, the block includes proper ARIA attributes and keyboard navigation support to ensure accessibility.

Shqyrtime

Për këtë shtojcë s’ka shqyrtime.

Kontribues & Zhvillues

“JuZ DualView” është software me burim të hapur. Në këtë shtojcë kanë dhënë ndihmesë personat vijues.

Kontribues

“JuZ DualView” është përkthyer në 1 gjuhë. Faleminderit përkthyesve për ndihmesën e tyre.

Përkthejeni “JuZ DualView” në gjuhën tuaj.

Ju intereson zhvillimi?

Shfletoni kodin, shkarkoni depon SVN, ose pajtohuni përmes RSS-je te regjistri i zhvillimeve.

Regjistër ndryshimesh

1.0.1

  • Fix CSS selector specificity for range input to avoid conflicts with Ollie theme styles
  • Fix figure margin-block-end inside the block (Ollie theme compatibility)
  • Tested with WordPress 6.9

1.0.0

  • Initial release
  • Interactive slider functionality
  • Support for any block content
  • Customizable labels and descriptions
  • Accessibility features