A simple demo of the standalone version.

This page is an example usage of the standalone version hosted on github pages.

The above is created simply by creating an iframe and pointing to this site, with the two images you want displayed in the imgs argument:

<iframe src="https://jacob-gray.github.io/simple-preview-slider/?imgs=https://jacob-gray.github.io/simple-preview-slider/example/before.jpg|https://jacob-gray.github.io/simple-preview-slider/example/edited.jpg"></iframe>

To use, simply replace the two images with urls to the before and after of the images of you choice, like so:

https://jacob-gray.github.io/simple-preview-slider/?imgs=Url to left image|Url to right image

Note that the two image urls are separated by a "|".

The display is completely resizable, as demonstrated below: