Before and after (original)

before-after-orig.html

<script type="text/javascript" src="http://slate.com/features/2013/09/draggable/jquery-ui-1.10.3.custom.min.js"></script>
<script type="text/javascript" 
        src="http://www.slate.com/content/dam/slate/blogs/browbeat/2013/02/erase-test_natalie/jquery.beforeafter-1.3.min.js"></script>

<script type="text/javascript">
$(function(){
  $('#container').beforeAfter({imagePath:'js/'});
  $('#container1').beforeAfter({imagePath:'js/'});
});
</script>

<!-- other content was here but removed for this example -->


<div id="contentfortest">
  <div id="container1">
  <div><img alt="before" src="http://www.slate.com/content/dam/slate/blogs/bad_astronomy/2013/09/30/landsat_pakistan_apr172013.jpg" width="590" height="401" /></div>
	<div><img alt="after" src="http://www.slate.com/content/dam/slate/blogs/bad_astronomy/2013/09/30/eo1_pakistan_sep262013.jpg" width="590" height="401" /></div>
  </div>
</div>