WOWSlider.com

<p><a href="http://wowslider.com/" rel="nofollow ugc">WOW Slider</a> is a WordPress slider with stunning visual effects and tons of professionally made templates.<br />
WOW Slider is packed with a point-and-click wizard to create fantastic image sliders in a matter of seconds without<br />
coding and image editing.<br />
Responsive, fully accessible as a pure CSS slider if the Javascript is turned off, touch swipe support,<br />
all browsers, all devices,  search engine friendly, clean and valid markup.</p>
<p><strong>Live Demos</strong>:</p>
<ul>
<li><a href="http://wowslider.com/image-slider-jquery-epsilon-collage-demo.html" title="Image Slider Jquery - Epsilon Template Demo with Collage effect" rel="nofollow ugc">Image Slider Jquery – Epsilon Template Demo – Collage effect</a>   </li>
<li><a href="http://wowslider.com/wordpress-slideshow-galaxy-turn-demo.html" title="Wordpress Slideshow - Galaxy Template Demo with Turn effect" rel="nofollow ugc">WordPress Slideshow – Galaxy Template Demo – Turn effect</a>   </li>
<li><a href="http://wowslider.com/angular-slider-collage-demo.html" title="Angular Slider - Angular Template Demo with Collage effect" rel="nofollow ugc">Angular Slider – Angular Template Demo – Collage effect</a>  </li>
<li><a href="http://wowslider.com/bootstrap-carousel-example-shift-demo.html" title="Bootstrap Carousel Example - Bootstrap Template Demo with Shift effect" rel="nofollow ugc">Bootstrap Carousel Example – Bootstrap Shift Demo – Blinds effect</a>  </li>
<li><a href="http://wowslider.com/slider-js-utter-blinds-demo.html" title="Slider Js - Utter Template Demo with Blinds effect" rel="nofollow ugc">Slider Js – Utter Template Demo – Blinds effect</a>  </li>
<li><a href="http://wowslider.com/jquery-content-slider-stream-fly-demo.html" title="Jquery Content Slider - Stream Template Demo with Fly effect" rel="nofollow ugc">Jquery Content Slider – Stream Template Demo – Fly effect</a>    </li>
<li><a href="http://wowslider.com/carousel-jquery-boundary-blur-demo.html" title="Jquery Image Gallery - Dodgy Template Demo with Carousel Basic effect" rel="nofollow ugc">Jquery Image Gallery – Dodgy Template Demo – Carousel Basic effect</a> </li>
<li><a href="http://wowslider.com/carousel-jquery-boundary-blur-demo.html" title="Carousel Jquery - Boundary Template Demo with Blur effect" rel="nofollow ugc">Carousel Jquery – Boundary Template Demo – Blur effect</a> </li>
<li><a href="http://wowslider.com/wordpress-slider-rhomb-cube-over-demo.html" title="Wordpress Slider - Rhomb Template Demo with Cube Over effect" rel="nofollow ugc">WordPress Slider – Rhomb Template Demo – Cube Over effect</a>    </li>
<li><a href="http://wowslider.com/image-slider-zippy-louvers-demo.html" title="Image Slider - Zippy Template Demo with Louvers effect" rel="nofollow ugc">Image Slider – Zippy Template Demo – Louvers effect</a>  </li>
<li><a href="http://wowslider.com/carousel-bootstrap-tv-demo.html" title="Carousel Bootstrap - Bootstrap Template Demo with TV effect" rel="nofollow ugc">Carousel Bootstrap – Bootstrap Template Demo – TV effect</a> </li>
<li><a href="http://wowslider.com/responsive-slider-convex-basic-demo.html" title="Responsive Slider - Convex Template Demo with Basic effect" rel="nofollow ugc">Responsive Slider – Convex Template Demo – Basic effect</a>  </li>
<li><a href="http://wowslider.com/jquery-image-slider-fill-basic-demo.html" title="Jquery Image Slider - Fill Template Demo with Basic effect" rel="nofollow ugc">Jquery Image Slider – Fill Template Demo – Basic effect</a>  </li>
<li><a href="http://wowslider.com/content-slider-material-collage-demo.html" title="Content Slider - Material Template Demo with Collage effect" rel="nofollow ugc">Content Slider – Material Template Demo – Collage effect</a>   </li>
<li><a href="http://wowslider.com/bootstrap-slider-baisc-linear-demo.html" title="Bootstrap Slider - Bootstrap Template Demo with Basic Linear effect" rel="nofollow ugc">Bootstrap Slider – Bootstrap Template Demo – Basic Linear effect</a> </li>
<li><a href="http://wowslider.com/wordpress-slider-plugin-absent-cube-demo.html" title="Wordpress Slider Plugin - Absent Template Example with Cube effect" rel="nofollow ugc">WordPress Slider Plugin – Absent Template Example – Cube effect</a> </li>
<li><a href="http://wowslider.com/bootstrap-carousel-demo.html" title="HTML5 Slider - Bootstrap Template Example with Carousel effect" rel="nofollow ugc">HTML5 Slider – Bootstrap Template Example – Carousel effect</a>  </li>
<li><a href="http://wowslider.com/full-screen-slider-slim-lines-demo.html" title="JQuery Slider - Slim Template Example with Lines effect" rel="nofollow ugc">JQuery Slider – Slim Template Example – Lines effect</a> </li>
<li><a href="http://wowslider.com/full-width-slider-cursive-collage-demo.html" title="Carousel Slider - Cursive Template Demo with Collage effect" rel="nofollow ugc">Carousel Slider – Cursive Template Demo – Collage effect</a> </li>
<li><a href="http://wowslider.com/carousel-slider-showy-carousel-demo.html" title="Carousel Slider - Showy Template Demo with Carousel effect" rel="nofollow ugc">Carousel Slider – Showy Template Demo – Carousel effect</a></li>
<li><a href="http://wowslider.com/image-carousel-book-dribbles-demo.html" title="Javascript Carousel - Book Template Example with Dribbles effect" rel="nofollow ugc">Javascript Carousel – Book Template Example – Dribbles effect</a></li>
<li><a href="http://wowslider.com/css3-slider-easy-bubbless-demo.html" title="CSS Image Slider - Easy Template Example with Bubbles effect" rel="nofollow ugc">CSS Image Slider – Easy Template Example – Bubbles effect</a></li>
<li><a href="http://wowslider.com/slider-html-twist-glass-parallax-demo.html" title="Wordpress Slider - Twist Template Example with Glass Parallax effect" rel="nofollow ugc">WordPress Slider – Twist Template Example – Glass Parallax effect</a></li>
<li><a href="http://wowslider.com/jquery-carousel-animated-parallax-demo.html" title="Jquery Carousel - Animated Template Demo with Parallax effect" rel="nofollow ugc">Jquery Carousel – Animated Template Demo – Parallax effect</a></li>
<li><a href="http://wowslider.com/jquery-3d-slider-transparent-brick-demo.html" title="3D HTML5 Slider - Transparent Skin Slider Demo - Brick effect" rel="nofollow ugc">3D HTML5 Slider – Transparent Skin Slider Demo – Brick effect</a></li>
<li><a href="http://wowslider.com/javascript-image-slider-contour-cube-demo.html" title="Javascript Image Slider - Contour Template Demo with Cube effect" rel="nofollow ugc">Contour Template Demo with Cube effect</a></li>
<li><a href="http://wowslider.com/html5-gallery-puzzle-collage-demo.html" title="HTML5 Gallery - Puzzle Template Demo with Collage effect" rel="nofollow ugc">Puzzle Template Demo Collage effect</a></li>
<li><a href="http://wowslider.com/javascript-gallery-megalopolis-slices-demo.html" title="Javascript Gallery - Megalopolis Template Demo with Slices effect" rel="nofollow ugc">Javascript Gallery – Megalopolis Template</a></li>
<li><a href="http://wowslider.com/simple-jquery-slider-gentle-linear-demo.html" title="Simple jQuery Slider - Gentle Template Demo with Basic linear effect" rel="nofollow ugc">Gentle & Basic linear simple jQuery slider</a></li>
<li><a href="http://wowslider.com/slideshow-javascript-easy-page-demo.html" title="Slideshow javascript - Easy Template Demo with Page effect" rel="nofollow ugc">Easy & Page gallery</a></li>
<li><a href="http://wowslider.com/gallery-jquery-tick-book-demo.html" title="Gallery jQuery - Tick Template Demo with Book effect" rel="nofollow ugc">Tick & Book gallery</a></li>
<li><a href="http://wowslider.com/css-gallery-galaxy-collage-demo.html" title="CSS Gallery - Galaxy Template Demo with Collage effect" rel="nofollow ugc">Galaxy & Collage gallery</a></li>
<li><a href="http://wowslider.com/jquery-photo-gallery-strict-photo-demo.html" title="jQuery Photo Gallery - Strict Template Demo with Photo effect" rel="nofollow ugc">Strict & Photo gallery</a></li>
<li><a href="http://wowslider.com/wordpress-gallery-plugin-grafito-seven-demo.html" title="Wordpress Gallery Plugin - Grafito Template Demo with Seven effect" rel="nofollow ugc">Grafito & Seven Slider wordpress gallery plugin</a></li>
<li><a href="http://wowslider.com/slider-javascript-emerald-photo-demo.html" title="Slider javascript - Emerald Template Demo with Page effect" rel="nofollow ugc">Emerald & Page Slider javascript</a></li>
<li><a href="http://www.wowslider.com/responsive-image-gallery-glass-collage.html" title="Responsive Image Gallery - Glass Template Demo with Collage effect" rel="nofollow ugc">Glass & Collage Responsive Image Gallery</a></li>
<li><a href="http://www.wowslider.com/slideshow-creator-turquoise-stack-v-demo.html" title="Slideshow creator - Turquoise Template Demo with Stack Vertical effect" rel="nofollow ugc">Turquoise & Stack Vertical Slideshow creator</a></li>
<li><a href="http://www.wowslider.com/image-gallery-simple-basic-demo.html" title="Image gallery - Simple Template Demo with Basic effect" rel="nofollow ugc">Simple & Basic Image gallery</a></li>
<li><a href="http://wowslider.com/slideshow-html-shuffle-rotate-demo.html" title="Slideshow HTML - Shuffle Template  Rotate effect" rel="nofollow ugc">Shuffle & Rotate Slideshow HTML</a></li>
<li><a href="http://wowslider.com/slideshow-software-zoom-domino-demo.html" title="Slideshow software - Zoom Template  Domino effect" rel="nofollow ugc">Zoom & Domino Slideshow software</a></li>
<li><a href="http://wowslider.com/wordpress-gallery-sky-blur-demo.html" title="Wordpress gallery - Sky Template   Blur effect" rel="nofollow ugc">Sky & Blur WordPress gallery </a></li>
<li><a href="http://wowslider.com/slideshow-jquery-salient-squares-demo.html" title="Slideshow jQuery - Salient Template   Squares effect" rel="nofollow ugc">Salient & Squares Slideshow jQuery </a></li>
<li><a href="http://www.wowslider.com/jquery-gallery-dot-seven-demo.html" title="jQuery gallery - Dot Template   Seven effect" rel="nofollow ugc">Dot & Seven jQuery gallery</a></li>
<li><a href="http://wowslider.com/css3-image-slider-book-demo.html" title="CSS3 Image Slider - Book Template   Book effect" rel="nofollow ugc">Book CSS3 Image Slider</a></li>
<li><a href="http://wowslider.com/html5-image-slider-box-stack-v-demo.html" title="HTML5 Image Slider - Box Template   Stack Vertical effect" rel="nofollow ugc">Box  Stack HTML5 Image Slider</a></li>
<li><a href="http://wowslider.com/css3-slideshow-pure-domino.html" title="CSS3 Slideshow - Pure Template   Domino effect" rel="nofollow ugc">Pure Domino CSS3 Slideshow</a></li>
<li><a href="http://www.wowslider.com/3d-slider-jquery-fresh-cube-demo.html" title="3D Slider jQuery - Fresh Template   Cube effect" rel="nofollow ugc">Fresh Cube 3D Slider jQuery</a></li>
<li><a href="http://www.wowslider.com/javascript-slider-ionosphere-stack-demo.html" title="Javascript Slider - Ionosphere Template   Stack effect" rel="nofollow ugc">Ionosphere   Stack Javascript Slider</a></li>
<li><a href="http://www.wowslider.com/html5-slideshow-luxury-slices-demo.html" title="HTML5 Slideshow - Luxury Template   Slices effect" rel="nofollow ugc">Luxury   Slices HTML5 Slideshow</a></li>
<li><a href="http://www.wowslider.com/html5-slider-sunny-fade-demo.html" title="HTML5 Slider - Sunny Template   Fade effect" rel="nofollow ugc">Sunny   Fade HTML5 Slider</a></li>
<li><a href="http://www.wowslider.com/js-image-slider-premium-page-demo.html" title="JS Image Slider - Premium Template   Page effect" rel="nofollow ugc">Premium   Page JS Image Slider</a></li>
<li><a href="http://wowslider.com/responsive-slideshow-chess-blinds-demo.html" title="Responsive slideshow - Chess Template   Blinds effect" rel="nofollow ugc">Chess   Blinds Responsive slideshow</a></li>
<li><a href="http://www.wowslider.com/css3-slider-gothic-domino-demo.html" title="CSS3 Slider - Gothic Template   Domino effect" rel="nofollow ugc">Gothic   Domino CSS3 Slider</a></li>
<li><a href="http://wowslider.com/photo-slideshow-metro-rotate-demo.html" title="Photo slideshow - Metro Template   Rotate effect" rel="nofollow ugc">Metro   Rotate Photo slideshow</a></li>
<li><a href="http://www.wowslider.com/slider-jquery-elegant-linear-demo.html" title="Slider jQuery - Elegant Template   Basic linear effect" rel="nofollow ugc">Elegant   Basic linear Slider jQuery </a></li>
<li><a href="http://www.wowslider.com/banner-maker-geometric-kenburns-demo.html" title="Banner maker - Geometric Template   Ken Burns effect" rel="nofollow ugc">Geometric   Ken Burns Banner maker</a></li>
<li><a href="http://www.wowslider.com/slideshow-maker-software-surface-blur-demo.html" title="Slideshow Maker Software - Surface Template   Blur effect" rel="nofollow ugc">Surface   Blur Slideshow Maker Software</a></li>
<li><a href="http://www.wowslider.com/jquery-carousel-vernisage-stack-v-demo.html" title="jQuery Carousel - Vernisage Template   Stack vertical effect" rel="nofollow ugc">Vernisage   Stack Vertical jQuery Carousel </a></li>
<li><a href="http://wowslider.com/css-slideshow-plastic-squares.html" title="CSS Slideshow - Plastic Template   Squares effect" rel="nofollow ugc">Plastic   Squares CSS Slideshow</a></li>
<li><a href="http://www.wowslider.com/jquery-slideshow-flat-slices.html" title="jQuery Slideshow - Flat Template   Slices effect" rel="nofollow ugc">Flat   Slices jQuery Slideshow</a></li>
<li><a href="http://wowslider.com/css-slideshow-studio-fade.html" title="CSS Slideshow - Studio Template   Fade effect" rel="nofollow ugc">Studio   Fade CSS Slideshow</a></li>
<li><a href="http://wowslider.com/css-image-gallery-push-stack.html" title="CSS Image Gallery - Push Template   Stack effect" rel="nofollow ugc">Push   Stack CSS Image Gallery</a></li>
<li><a href="http://wowslider.com/online-photo-slideshow-balance-blast.html" title="Online Photo Slideshow - Balance Template   Blast effect" rel="nofollow ugc">Balance   Blast Online Photo Slideshow</a></li>
<li><a href="http://www.wowslider.com/photo-slider-cloud-fly.html" title="Photo Slider - Cloud Template   Fly effect" rel="nofollow ugc">Cloud   Fly Photo Slider</a></li>
<li><a href="http://www.wowslider.com/online-photo-gallery-drive-rotate.html" title="Online Photo Gallery - Drive Template   Rotate effect" rel="nofollow ugc">Drive   Rotate Online Photo Gallery</a></li>
<li><a href="http://wowslider.com/web-photo-gallery-subway-basic.html" title="Web Photo Gallery - Subway Template   Basic effect" rel="nofollow ugc">Subway   Basic Web Photo Gallery</a></li>
<li><a href="http://wowslider.com/html-slideshow-silence-blur-demo.html" title="HTML slideshow - Silence Template   Blur effect" rel="nofollow ugc">Silence   Blur HTML slideshow</a></li>
<li><a href="http://wowslider.com/html-gallery-dominion-blinds-demo.html" title="HTML gallery - Dominion Template   Blinds effect" rel="nofollow ugc">Dominion   Blinds HTML gallery</a></li>
<li><a href="http://wowslider.com/html-slider-calm-kenburns-demo.html" title="HTML slider - Calm Template   Ken Burns effect" rel="nofollow ugc">Calm   Ken Burns HTML slider</a></li>
<li><a href="http://wowslider.com/jquery-image-scroller-prime-time-linear-demo.html" title="jQuery Image Scroller - Prime Time Template   Basic linear effect" rel="nofollow ugc">Prime Time – Filmstrip jQuery Image Scroller</a></li>
<li><a href="http://www.wowslider.com/free-image-slider-dark-matter-squares-demo.html" title="Free image slider - Dark Matter   Squares effect" rel="nofollow ugc">Dark Matter Free image slider</a></li>
<li><a href="http://wowslider.com/jquery-banner-rotator-catalyst-fade-demo.html" title="Jquery banner rotator - Catalyst Template   Fade effect" rel="nofollow ugc">Catalyst Demo</a> </li>
<li><a href="http://www.wowslider.com/jquery-picture-slider-catalyst-digital-stack-demo.html" title="jQuery Picture Slider - Catalyst Digital Template   Stack effect" rel="nofollow ugc">Catalyst Digital Jquery banner rotator</a></li>
<li><a href="http://www.wowslider.com/javascript-slideshow-quiet-rotate-demo.html" title="Javascript Slideshow - Quiet Template   Rotate effect" rel="nofollow ugc">Quiet Demo – Rotate Javascript Slideshow </a></li>
<li><a href="http://wowslider.com/jquery-slider-css-elemental-slices-demo.html" title="jQuery Slider CSS Elemental Slices Demo" rel="nofollow ugc">Elemental Slices jQuery Slider CSS</a> </li>
<li><a href="http://wowslider.com/wordpress-gallery-css-shady-stack-v-demo.html" title="Responsive Slider - WordPress Shady Stack Demo" rel="nofollow ugc">Responsive Slider – Shady Stack</a></li>
<li><a href="http://wowslider.com/html5-image-gallery-numeric-basic-demo.html" title="HTML5 Image Gallery Numeric Basic Demo" rel="nofollow ugc">HTML5 Image Gallery – Numeric</a> </li>
<li><a href="http://www.wowslider.com/css-slider-aqua-flip-demo.html" title="CSS Slider - Aqua Template with Flip effect" rel="nofollow ugc">CSS Slider – Aqua Flip</a></li>
<li><a href="http://wowslider.com/jquery-image-rotator-terse-blur-demo.html" title="jQuery Image Rotator Terse Blur Demo : jQuery Banner Rotator" rel="nofollow ugc">jQuery Image Rotator – Blur</a></li>
<li><a href="http://www.wowslider.com/best-jquery-slider-crystal-linear-demo.html" title="Best jQuery Slider with Crystal Template and Basic linear transition effect" rel="nofollow ugc">Crystal jQuery Slider  Basic linear </a> </li>
<li><a href="http://wowslider.com/jquery-slider-carousel-mac-stack-demo.html" title="jQuery Slider Carousel with Mac Template and Stack transition effect" rel="nofollow ugc">Mac   Stack jQuery Slider Carousel</a> </li>
<li><a href="http://www.wowslider.com/jquery-slider-3d-digit-stack-v-demo.html" title="jQuery Vertical Slider - Digit Stack vertical" rel="nofollow ugc">Digit   Stack vertical jQuery Vertical Slider</a> </li>
<li><a href="http://www.wowslider.com/jquery-slider-bar-kenburns-demo.html" title="Ken Burns Effect Slideshow - Noble" rel="nofollow ugc">Noble   Ken Burns </a> </li>
<li><a href="http://www.wowslider.com/jquery-slider-mellow-blast-demo.html" title="Slider   Mellow template and Blast transition effect" rel="nofollow ugc">Slider Demo – Mellow Blast Example</a></li>
<li><a href="http://wowslider.com/jquery-image-rotator-terse-blur-demo.html" title="jQuery Slider - Terse Blur" rel="nofollow ugc">More amazing demos made with WOW Slider..</a></li>
</ul>
<p>More Info: http://wowslider.com/</p>
<ul>
<li><a href="http://wowslider.com/help/add-wowslider-wordpress-34.html" title="Wordpress Image Slider Plugin Tutorial" rel="nofollow ugc">How to create WordPress slider with WOW Slider – Full Tutorial</a></li>
<li><a href="http://wowslider.com/help/new-slider-wordpress-42.html" title="How to update existing WOWSlider galleries in WordPress - Video Tutorial" rel="nofollow ugc">How to update existing WOWSlider galleries in WordPress – Tutorial</a></li>
</ul>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Omi32W6QyY4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>Credits</h3>
<p>Copyright:<br />
WOWSlider.com 2015</p>
<p>This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.</p>
<p>This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.</p>


WOW Slider

WOW Slider is a Wordpress slider with stunning visual effects and tons of professionally made templates.

Zayed Baloch

Hammal Albulushi

Naeem Noor

<p>Twenty20 is a professional-grade image comparison tool that helps you showcase transformations in a highly engaging way. Perfect for:</p>
<ul>
<li>Photography portfolios</li>
<li>Real estate before/after</li>
<li>Renovation projects</li>
<li>Design makeovers</li>
<li>Product comparisons</li>
<li>Restoration work</li>
<li>Medical procedures</li>
<li>And much more!</li>
</ul>
<h4>Video Tutorial</h4>
<p><iframe loading="lazy" title="How to Use the Twenty20 Image Before-After Plugin in WordPress | Step-by-Step Tutorial" width="750" height="422" src="https://www.youtube.com/embed/1cQ9rhL-t70?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h4>Live Demo</h4>
<p>Check the <a href="https://zayedbaloch.com/twenty20-image-before-after-wordpress-plugin/" title="Twenty20 Live demo" rel="nofollow ugc">Live Demo</a>.</p>
<h4>Key Features</h4>
<ul>
<li>Responsive design – works perfectly on all devices</li>
<li>Horizontal and vertical sliding options</li>
<li>Customizable slider position and orientation</li>
<li>Custom “before” and “after” labels</li>
<li>Adjustable image widths and alignments</li>
<li>Mouse hover sliding effect</li>
<li>Touch-enabled for mobile devices</li>
<li>Multiple sliders per page</li>
<li>Widget support for sidebars</li>
<li>SEO-friendly with proper alt tag support</li>
<li>Accessibility compliant image comparisons</li>
</ul>
<h4>Page Builder Support</h4>
<ul>
<li>Elementor</li>
<li>WPBakery Page Builder (Visual Composer)</li>
<li>Flatsome UX Builder</li>
<li>Classic Editor</li>
</ul>
<h4>Perfect For</h4>
<ul>
<li>Photography before/after edits</li>
<li>Home renovation comparisons</li>
<li>Web design makeovers</li>
<li>Product transformations</li>
<li>Restoration projects</li>
<li>Beauty transformations</li>
<li>Real estate renovations</li>
</ul>
<h3>Usage</h3>
<h4>Shortcode Example</h4>
<p><strong>Quick Example</strong></p>
<pre><code>[twenty20 img1="" img2="" direction="vertical" offset="0.5" align="right" width="60%" before="Before" after="After" hover="true"]
</code></pre>
<p><strong>Shortcode Parameters</strong></p>
<ul>
<li><code>img1</code> – image ID.</li>
<li><code>img2</code> – image ID.</li>
<li><code>offset</code> – range from 0.1 to 1.0.</li>
<li><code>direction</code> – <code>horizontal|vertical</code>.</li>
<li><code>align</code> – <code>none|right|left</code>.</li>
<li><code>width</code> – supports both <code>px</code> and <code>%</code>.</li>
<li><code>before</code> – text for the “before” label.</li>
<li><code>after</code> – text for the “after” label.</li>
<li><code>hover</code> – <code>true</code> or <code>false</code>.</li>
</ul>


Twenty20 Image Before-After

Simple and clear implementation of the Twenty Twenty by Zurb script.  Thanks for saving me a few hours.

Works Well

Professional before & after image comparison slider for WordPress. Create engaging visual comparisons with an intuitive drag & drop interface.

WOW Slider vs Twenty20 Image Before-After