Twenty20 Image Before-After Wordpress Plugin - Rating, Reviews, Demo & Download

Twenty20 Image Before-After Preview Wordpress Plugin - Rating, Reviews, Demo & Download
No ratings yet
Free
Follow for free plugins, new theme releases and theme news

Plugin Description

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.
  • directionhorizontal|vertical.
  • alignnone|right|left.
  • width – supports both px and %.
  • before – text for the “before” label.
  • after – text for the “after” label.
  • hovertrue or false.

Screenshots

  1. Add a Twenty20 before-after image.

    Add a Twenty20 before-after image.

  2. Select any two images from the Media Library.

    Select any two images from the Media Library.

  3. Twenty20 shortcode settings page.

    Twenty20 shortcode settings page.

  4. Shortcode.

    Shortcode.

  5. Twenty20 in action.

    Twenty20 in action.

  6. Multiple sliders in different directions.

    Multiple sliders in different directions.

  7. Twenty20 widget.

    Twenty20 widget.

  8. Widget in action.

    Widget in action.

  9. WP Bakery Visual Composer settings.

    WP Bakery Visual Composer settings.

  10. Elementor element.

    Elementor element.

  11. UX Builder element.

    UX Builder element.


Reviews & Comments