Simple Before After Slider is a lightweight, responsive WordPress plugin that lets you create interactive before-and-after image comparisons using an easy drag slider. It supports images from direct URLs as well as WordPress Media Library attachment IDs. The slider works smoothly across desktop, tablet, and mobile devices and includes customizable BEFORE and AFTER labels, starting slider position, height, and CSS classes.
Images are displayed responsively with a clean comparison interface, draggable handle, divider, and accessible range control. The plugin is ideal for showcasing renovations, photography edits, design transformations, construction projects, beauty results, restorations, and other visual changes directly within WordPress pages and posts.
Shortcode
[before_after_slider before_id=”24″ after_id=”25″ before_label=”BEFORE” after_label=”AFTER” start=”50″]
How to find a WordPress Image ID
To get a WordPress image/attachment ID:
- Go to WordPress Dashboard → Media → Library.
- Click the image you want to use.
- Look at the browser URL. You’ll see something like:
/wp-admin/upload.php?item=24
