'$(document).ready(function(){
    function loop() {

       $('#clouds').animate({left: '+=1400',},50000, 'linear', function(){
           loop();
       });

< div id="clouds">< img border="0" alt="animated clouds" src="/images/clouds.png" />< /div>

#clouds {
    position:absolute;
    z-index:500;
    right:0px;
    top:10px;
}

$('#clouds').css({right:0});

$(document).ready(function() {
    function loop() {
        $('#clouds').css({right:0});
        $('#clouds').animate ({
            right: '+=1400',
        }, 5000, 'linear', function() {
            loop();
        });
    }
    loop();
});

$(document).ready(function() {

    $('#clouds').click(function() {
loop();
    });

function loop(){
    alert('a');
        $('#clouds').animate({
            opacity: 0.25,
            left: '+=1400',
            height: 'toggle'
        }, 5000, 'linear', function() {
            loop();
        });

}

});

<div id="clouds"><img border="0" alt="animated clouds" src="../img/image.png" /></div>

function looping() {
    $('.loader').fadeOut(1000);
    $('.loader').fadeIn(1000);
    setTimeout(function(){
        looping();
    }, 10);
}

<div class='loader'>Loading...</div>