# Before & After Image "Slider"?

**URL:** https://meta.discourse.org/t/before-after-image-slider/130313
**Category:** Feature
**Created:** [October 5, 2019, 7:13pm UTC](https://meta.discourse.org/t/before-after-image-slider/130313 "2019-10-05T19:13:34Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![Daquantics](https://avatars.discourse-cdn.com/v4/letter/d/ea5d25/32.png) [@Daquantics](https://meta.discourse.org/u/Daquantics)
#### Post date: [October 5, 2019, 7:13pm UTC](https://meta.discourse.org/t/before-after-image-slider/130313/1 "2019-10-05T19:13:34Z")

</div>

_Not sure if #Contribute > Feature is the right place for this, so please shift as appropriate mods.._

  
 So, I'm getting ready to ship a major overhaul of our product in the next few weeks and we've done a lot of work on the look and feel of the app. 

Some of it, however, is a bit subtle so I’d love to include some “before and after” images in the release notes when I post them.

Ideally, it would be something like what’s shown [here](https://ourcodeworld.com/articles/read/263/top-5-best-before-and-after-image-comparison-slider-jquery-and-javascript-plugins), where readers can slide back and forth to easily see the changes.

I am not particularly technical but I do have a few developers at my disposal. For the moment they are all heads down finishing the release, obviously 🙂 so I thought I’d ask if anyone has any ideas about how I might achieve this.

Any and all advice would be appreciated – thanks in advance!

---

<div class="post-metadata">

### Author: ![Heather\_Dudley](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heather_dudley/32/151925_2.png) [@Heather\_Dudley](https://meta.discourse.org/u/Heather_Dudley)
#### Post date: [October 6, 2019, 3:09am UTC](https://meta.discourse.org/t/before-after-image-slider/130313/2 "2019-10-06T03:09:52Z")

</div>

Actually, I think the Slick Image Gallery theme component would do exactly what you’re thinking about.

> [@Slick Image Gallery](https://meta.discourse.org/t/slick-image-gallery/81952):
>
> Responsive Carousel Galleries 12KB (Gzip) 2 http requests on initial load IE 11+ & modern browsers [Github repository link](https://github.com/hnb-ku/Discourse-Slick-image-gallery) https://github.com/hnb-ku/Discourse-Slick-image-gallery Desktop Video Mobile Built using [Ken Wheeler](https://github.com/desandro)’s [Slick](http://kenwheeler.github.io/slick/) library - [MIT license](https://github.com/kenwheeler/slick/blob/master/LICENSE) “Free as in Bacon” How do I install this? You install this component just like any other theme. Follow the instructions in the official guide: Once you’re done…
