Twenty20 Image Before-After

plugin banner

Need to highlight the differences between two images? Makes it easy with Twenty20 plugin.

Author:Zayed Baloch (profile at wordpress.org)
WordPress version required:5.5
WordPress version tested:6.6.2
Plugin version:1.7.5
Added to WordPress repository:28-04-2016
Last updated:10-08-2024
Rating, %:80
Rated by:55
Plugin URI:https://wordpress.org/plugins/twenty20/
Total downloads:346 020
Active installs:30 000+
plugin download
Click to start download

The Twenty20 plugin was created to allow users to swipe between two images, showcasing “before” and “after” comparisons. The plugin is designed to be fully responsive and user-friendly.

Features

  • Fully responsive across all devices.
  • No coding skills required.
  • Clean and intuitive user interface.
  • Add before-and-after comparisons to widgets.
  • Compatible with popular page builders.
  • Utilizes WP Image alt as image alt and title attributes.

Supported Page Builders

  • Flatsome UX Builder by UXThemes.

Quick Example

[twenty20 img1="" img2="" direction="vertical" offset="0.5" align="right" width="60%" before="Before" after="After" hover="true"]

Shortcode Parameters

  • img1 – image ID.
  • img2 – image ID.
  • offset – range from 0.1 to 1.0.
  • direction – horizontal|vertical.
  • align – none|right|left.
  • width – supports both px and %.
  • before – text for the “before” label.
  • after – text for the “after” label.
  • hover – true or false.
Screenshots
FAQ
ChangeLog