jQuery TwentyTwenty

April 21, 2017

jQuery TwentyTwenty Plugin

Need to highlight the differences between two images? TwentyTwenty, a visual diff tool, makes it easy to spot them!

Using jQuery TwentyTwenty plugin, you can create draggeable image slider to anywhere in wordpress.
This is only two image slider which contains before image and after image. Give it a try and enjoy!

FEATURES:

  • Use shortcode to create the slider in post/page –
    [t20baic id=”unique-id” before=”before-image” after=”after-image“]
  • To use it in php code –
    ‘<?php echo do_shortcode(‘[t20baic id=”unique-id” before=”before-image” after=”after-image“]’);?>’

Example:

[t20baic id=”manipulation” before=”http://placehold.it/800×400/ManipulationBefore” after=”http://placehold.it/800×400/ManipulationAfter”]

Installation

  • Download the zip file.
  • Upload to your wordpress website.
  • Use the shortcode. [t20baic id=”unique-id” before=”before-image” after=”after-image“]

Screenshots

  1. Demo Hover

    Demo Hover

  2. Demo

    Demo

FAQ

Installation Instructions

  • Download the zip file.
  • Upload to your wordpress website.
  • Use the shortcode. [t20baic id=”unique-id” before=”before-image” after=”after-image“]

Do the ID is mandatory?

Yes. Each ID refers to each slider. Without the ID it won’t work.

Changelog

1.0

  • Initial Release.

Details

  • Version: 1.0
  • Active installations: 90
  • WordPress Version: 4.0
  • Tested up to: 4.7.29

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars