Title: SlideDiff – Easy Before/After Image Slider Author: sattivedevlabs Published: 9 abril, 2026 Last modified: 9 abril, 2026 --- Pesquisar plugins ![](https://ps.w.org/slidediff-easy-beforeafter-image-slider/assets/banner-772x250. jpg?rev=3502437) ![](https://ps.w.org/slidediff-easy-beforeafter-image-slider/assets/icon-256x256. png?rev=3502437) # SlideDiff – Easy Before/After Image Slider Por [sattivedevlabs](https://profiles.wordpress.org/sattivedevlabs/) [Baixar](https://downloads.wordpress.org/plugin/slidediff-easy-beforeafter-image-slider.1.0.0.zip) * [Detalhes](https://br.wordpress.org/plugins/slidediff-easy-beforeafter-image-slider/#description) * [Avaliações](https://br.wordpress.org/plugins/slidediff-easy-beforeafter-image-slider/#reviews) * [Instalação](https://br.wordpress.org/plugins/slidediff-easy-beforeafter-image-slider/#installation) * [Desenvolvimento](https://br.wordpress.org/plugins/slidediff-easy-beforeafter-image-slider/#developers) [Suporte](https://wordpress.org/support/plugin/slidediff-easy-beforeafter-image-slider/) ## Descrição Help your visitors see the transformation with **SlideDiff**. Built with UI/UX, SEO, and site speed in mind, SlideDiff provides a lightweight, high-performance slider to compare two images side-by-side. Whether you are a photographer showcasing edits, a contractor showing home renovations, or a designer displaying website redesigns, SlideDiff makes visual storytelling interactive and engaging. Unlike other slider plugins that bloat your site with heavy external libraries, SlideDiff uses clean, modern CSS and vanilla JavaScript to ensure zero layout shifts and lightning-fast load times. **Key Features:** * **Orientation Control:** Choose between Horizontal (left/right) or Vertical (up/down) sliding. * **Touch & Mobile Optimized:** Fluid swiping on phones and tablets. * **Move on Hover:** Optionally allow users to interact with the slider just by moving their mouse, no clicking required. * **Performance First:** Built-in lazy loading and the ability to select the exact WordPress image resolution( Thumbnail, Medium, Large, Full) to save bandwidth. * **SEO Friendly:** Custom Alt Text overrides for both the ‘Before’ and ‘After’ images. * **Deep Customization:** Fully customize the handle style (Arrows, Circle, Standard), handle color, label text, and label background colors to match your theme perfectly. * **Shortcode Generator:** Easily copy and paste the `[slidediff]` shortcode anywhere on your site, compatible with Gutenberg, Elementor, and all major page builders. Brought to you by [Sattive Dev Labs](https://www.sattivedevlabs.com). ## Instalação 1. Upload the `slidediff-easy-before-after-image-slider` folder to the `/wp-content/ plugins/` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the ‘Plugins’ screen in WordPress. 3. Navigate to the new **SlideDiff** menu in your WordPress admin dashboard. 4. Click **Add New Slider** to upload your Before and After images and configure your colors and settings. 5. Click **Save Slider Settings**. 6. Copy the generated shortcode (e.g., `[slidediff id="123"]`) and paste it into any post, page, or widget. ## Perguntas frequentes ### Does this work on mobile devices? Yes! SlideDiff is built with native touch-action support, meaning users can seamlessly swipe the handle on smartphones and tablets. ### Will this slow down my website? No. SlideDiff was built specifically to be lightweight. It uses pure CSS for clipping masks and vanilla JavaScript (no jQuery dependency) for interactions. It also includes native lazy-loading toggles and image resolution controls to keep your page sizes small. ### Can I change the colors to match my brand? Absolutely. The custom configuration panel allows you to use a color picker to change the handle bar, arrows, label backgrounds, and label text to fit your exact brand guidelines. ### Does it work with Elementor or Gutenberg? Yes. SlideDiff generates a standard WordPress shortcode that can be pasted into a Gutenberg Shortcode block, an Elementor Shortcode widget, or any other page builder. ## Avaliações Não há avaliações para este plugin. ## Colaboradores e desenvolvedores “SlideDiff – Easy Before/After Image Slider” é um programa de código aberto. As seguintes pessoas contribuíram para este plugin. Colaboradores * [ sattivedevlabs ](https://profiles.wordpress.org/sattivedevlabs/) [Traduzir o “SlideDiff – Easy Before/After Image Slider” para seu idioma.](https://translate.wordpress.org/projects/wp-plugins/slidediff-easy-beforeafter-image-slider) ### Interessado no desenvolvimento? [Navegue pelo código](https://plugins.trac.wordpress.org/browser/slidediff-easy-beforeafter-image-slider/), consulte o [repositório SVN](https://plugins.svn.wordpress.org/slidediff-easy-beforeafter-image-slider/) ou assine o [registro de desenvolvimento](https://plugins.trac.wordpress.org/log/slidediff-easy-beforeafter-image-slider/) por [RSS](https://plugins.trac.wordpress.org/log/slidediff-easy-beforeafter-image-slider/?limit=100&mode=stop_on_copy&format=rss). ## Registro de alterações #### 1.0.0 * Initial Release. Features include horizontal/vertical orientations, custom handle styles, lazy loading, and touch optimization. ## Meta * Versão **1.0.0** * Última atualização **6 meses atrás** * Instalações ativas **Menos de 10** * Versão do WordPress ** 5.8 ou superior ** * Testado até **6.9.10** * Versão do PHP ** 7.4 ou superior ** * Idioma * [English (US)](https://wordpress.org/plugins/slidediff-easy-beforeafter-image-slider/) * Tags * [before after slider](https://br.wordpress.org/plugins/tags/before-after-slider/) [before and after](https://br.wordpress.org/plugins/tags/before-and-after/)[comparison](https://br.wordpress.org/plugins/tags/comparison/) [image comparison](https://br.wordpress.org/plugins/tags/image-comparison/)[image slider](https://br.wordpress.org/plugins/tags/image-slider/) * [Visualização avançada](https://br.wordpress.org/plugins/slidediff-easy-beforeafter-image-slider/advanced/) ## Classificações Ainda não foi enviada nenhuma avaliação. [Sua avaliação](https://wordpress.org/support/plugin/slidediff-easy-beforeafter-image-slider/reviews/#new-post) [Ver todas avaliações](https://wordpress.org/support/plugin/slidediff-easy-beforeafter-image-slider/reviews/) ## Colaboradores * [ sattivedevlabs ](https://profiles.wordpress.org/sattivedevlabs/) ## Suporte Tem algo a dizer? Precisa de ajuda? [Ver fórum de suporte](https://wordpress.org/support/plugin/slidediff-easy-beforeafter-image-slider/)