Welcome to Help center

We are here to help

Image Comparison Slider

Follow

beforeafter.jpg

HTML head

        <link rel="stylesheet" type="text/css" href="assets/css/beforeafter.css">
    

HTML:

        <figure class="cd-image-container img-wrapper active image-1">
            <img src="assets/img/after-image.jpg" alt="after">
            <span class="cd-image-label" data-type="original"></span>

            <div class="cd-resize-img"> 
                <img src="assets/img/before-image.jpg" alt="before">
                <span class="cd-image-label" data-type="modified"></span>
            </div>
            <span class="cd-handle"></span>
        </figure>
    

Before </body> tag ends:

        <script src="assets/js/beforeafter.js"></script>
Top
Powered by Zendesk