Gecko [ dp-client.com ]

Name	Size	Permission
anijs-helper-scrollreveal.js	1016 B	-rw-r--r--
anijs.js	8.46 KB	-rw-r--r--
bootstrap.min.js	34.77 KB	-rw-r--r--
html5shiv.js	2.32 KB	-rw-r--r--
jquery-1.11.0.min.js	94.12 KB	-rw-r--r--
jquery-2.1.1.js	241.55 KB	-rw-r--r--
jquery-ui.js	450.57 KB	-rw-r--r--
jquery-ui.min.js	247.72 KB	-rw-r--r--
jquery.gridrotator.js	18.95 KB	-rw-r--r--
jquery.inview.min.js	1.39 KB	-rw-r--r--
jquery.isotope.min.js	15.66 KB	-rw-r--r--
jquery.js	90.92 KB	-rw-r--r--
jquery.min.js	84.68 KB	-rw-r--r--
jquery.prettyPhoto.js	21.54 KB	-rw-r--r--
loader.js	1.74 KB	-rw-r--r--
main.js	5.22 KB	-rw-r--r--
main1.js	6.13 KB	-rw-r--r--
modernAlert.js	11.5 KB	-rw-r--r--
modernAlert.min.js	5.32 KB	-rw-r--r--
modernizr.custom.26633.js	9.23 KB	-rw-r--r--
mousescroll.js	9.29 KB	-rw-r--r--
owl.carousel.min.js	22.49 KB	-rw-r--r--
respond.min.js	3.94 KB	-rw-r--r--
script.js	1.64 KB	-rw-r--r--
scrollreveal.js	32.74 KB	-rw-r--r--
slider.js	44.47 KB	-rw-r--r--
smoothscroll.js	6.44 KB	-rw-r--r--
video.js	50.63 KB	-rw-r--r--
wow.min.js	4.66 KB	-rw-r--r--

Code Editor : main.js

jQuery(document).ready(function($){
    var dragging = false,
        scrolling = false,
        resizing = false;
    //cache jQuery objects
    var imageComparisonContainers = $('.cd-image-container');
    //check if the .cd-image-container is in the viewport 
    //if yes, animate it
    checkPosition(imageComparisonContainers);
    $(window).on('scroll', function(){
        if( !scrolling) {
            scrolling =  true;
            ( !window.requestAnimationFrame )
                ? setTimeout(function(){checkPosition(imageComparisonContainers);}, 100)
                : requestAnimationFrame(function(){checkPosition(imageComparisonContainers);});
        }
    });
    
    //make the .cd-handle element draggable and modify .cd-resize-img width according to its position
    imageComparisonContainers.each(function(){
        var actual = $(this);
        drags(actual.find('.cd-handle'), actual.find('.cd-resize-img'), actual, actual.find('.cd-image-label[data-type="original"]'), actual.find('.cd-image-label[data-type="modified"]'));
    });

//upadate images label visibility
    $(window).on('resize', function(){
        if( !resizing) {
            resizing =  true;
            ( !window.requestAnimationFrame )
                ? setTimeout(function(){checkLabel(imageComparisonContainers);}, 100)
                : requestAnimationFrame(function(){checkLabel(imageComparisonContainers);});
        }
    });

function checkPosition(container) {
        container.each(function(){
            var actualContainer = $(this);
            if( $(window).scrollTop() + $(window).height()*0.5 > actualContainer.offset().top) {
                actualContainer.addClass('is-visible');
            }
        });

scrolling = false;
    }

function checkLabel(container) {
        container.each(function(){
            var actual = $(this);
            updateLabel(actual.find('.cd-image-label[data-type="modified"]'), actual.find('.cd-resize-img'), 'left');
            updateLabel(actual.find('.cd-image-label[data-type="original"]'), actual.find('.cd-resize-img'), 'right');
        });

resizing = false;
    }

//draggable funtionality - credits to http://css-tricks.com/snippets/jquery/draggable-without-jquery-ui/
    function drags(dragElement, resizeElement, container, labelContainer, labelResizeElement) {
        dragElement.on("mousedown vmousedown", function(e) {
            dragElement.addClass('draggable');
            resizeElement.addClass('resizable');

function animateDraggedHandle(e, xPosition, dragWidth, minLeft, maxLeft, containerOffset, containerWidth, resizeElement, labelContainer, labelResizeElement) {
        var leftValue = e.pageX + xPosition - dragWidth;   
        //constrain the draggable element to move inside his container
        if(leftValue < minLeft ) {
            leftValue = minLeft;
        } else if ( leftValue > maxLeft) {
            leftValue = maxLeft;
        }

var widthValue = (leftValue + dragWidth/2 - containerOffset)*100/containerWidth+'%';
        
        $('.draggable').css('left', widthValue).on("mouseup vmouseup", function() {
            $(this).removeClass('draggable');
            resizeElement.removeClass('resizable');
        });

$('.resizable').css('width', widthValue);

updateLabel(labelResizeElement, resizeElement, 'left');
        updateLabel(labelContainer, resizeElement, 'right');
        dragging =  false;
    }

${this.title}

Code Editor : main.js