var animals = [
    'assets/img/duif.png',
    'assets/img/haan.png',
    'assets/img/eend.png',
    'assets/img/ezel.png',
    'assets/img/koe.png',
    'assets/img/schaap.png',
    'assets/img/varken.png'

]

$(document).ready(function(){
    showRandomAnimal();
    setInterval( showRandomAnimal, 5000 )


});

function showRandomAnimal()
{
    $('div.animal').fadeOut( 500, function(){
        $(this).css( 'background-image', 'url('+animals[ Math.floor( Math.random() * animals.length ) ]+')' ).fadeIn( 500 );
    });
}