water-ripple

water-ripple

<script>
function initWaterRipple() {
    if (typeof jQuery === 'undefined') return;
    
    var $ = jQuery;
    
    if (typeof $.fn.ripples === 'undefined') {
        $.getScript('https://cdnjs.cloudflare.com/ajax/libs/jquery.ripples/0.6.3/jquery.ripples.min.js')
            .done(function() {
                $('.water-ripple').ripples({
                    resolution: 256,
                    dropRadius: 15,
                    perturbance: 0.01
                });
            })
            .fail(function() {
                $.getScript('https://cdnjs.cloudflare.com/ajax/libs/jquery.ripples/0.5.3/jquery.ripples.min.js')
                    .done(function() {
                        $('.water-ripple').ripples({
                            resolution: 256,
                            dropRadius: 15,
                            perturbance: 0.01
                        });
                    });
            });
    } else {
        $('.water-ripple').ripples({
            resolution: 256,
            dropRadius: 15,
            perturbance: 0.01
        });
    }
}

if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', function() {
        setTimeout(initWaterRipple, 800);
    });
} else {
    setTimeout(initWaterRipple, 800);
}
</script>

<script>
function initWaterRipple() {
    if (typeof jQuery === 'undefined') return;
    
    var $ = jQuery;
    
    if (typeof $.fn.ripples === 'undefined') {
        $.getScript('https://cdnjs.cloudflare.com/ajax/libs/jquery.ripples/0.6.3/jquery.ripples.min.js')
            .done(function() {
                $('.water-ripple').ripples({
                    resolution: 256,
                    dropRadius: 15,
                    perturbance: 0.01
                });
            })
            .fail(function() {
                $.getScript('https://cdnjs.cloudflare.com/ajax/libs/jquery.ripples/0.5.3/jquery.ripples.min.js')
                    .done(function() {
                        $('.water-ripple').ripples({
                            resolution: 256,
                            dropRadius: 15,
                            perturbance: 0.01
                        });
                    });
            });
    } else {
        $('.water-ripple').ripples({
            resolution: 256,
            dropRadius: 15,
            perturbance: 0.01
        });
    }
}

if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', function() {
        setTimeout(initWaterRipple, 800);
    });
} else {
    setTimeout(initWaterRipple, 800);
}
</script>