Description
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
Captures d’écrans
The block in the WordPress editor showing before/after sections 
The interactive slider in action on the frontend 
Block settings panel with customization options
Blocs
Cette extension fournit 1 bloc.
- JuZ DualView A Gutenberg block to display an easy "Before/After" comparison.
Installation
- Upload the plugin files to the
/wp-content/plugins/juz-dualviewdirectory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the ‘Plugins’ screen in WordPress
- Use the « JuZ DualView » block in the Gutenberg editor
FAQ
-
How do I use the block?
-
- Add the « JuZ DualView » block to your post or page
- Add your « Before » content in the first section
- Add your « After » content in the second section
- Customize the block settings as needed
- 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.
Avis
Il n’y a aucun avis pour cette extension.
Contributeurs/contributrices & développeurs/développeuses
« JuZ DualView » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.
Contributeurs
“JuZ DualView” a été traduit dans 1 locale. Remerciez l’équipe de traduction pour ses contributions.
Traduisez « JuZ DualView » dans votre langue.
Le développement vous intéresse ?
Parcourir le code, consulter le SVN dépôt, ou s’inscrire au journal de développement par RSS.
Journal des modifications
1.0.0
- Initial release
- Interactive slider functionality
- Support for any block content
- Customizable labels and descriptions
- Accessibility features