Before After Image Slider

After Image After
Image Before Before

Files:

HTML
<div class="ba-slider">
    <span class="gallery_label">After</span>
    <span class="ba-button btn_after"></span>
    <img class="ba-image" src="/img/after.jpg" alt="Image After">
    <div class="resize">
        <img class="ba-image" src="/img/before.jpg" alt="Image Before">
        <span class="ba-button btn_before"></span>
        <span class="gallery_label">Before</span>
    </div>
    <span class="handle"></span>
</div>