como arreglo esta animacion?

[icm9]

Estuve tratando de hacer una animacion mostrando una secuencia de imagenes, lo hice asi:

Código Javascript:

function animacion(){
    var anim = $('#animacion');
    var imagenes = new Array(15);
    imagenes[0]="url('imagenes/100.bmp')";
    imagenes[1]="url('imagenes/101.bmp')";
    imagenes[2]="url('imagenes/102.bmp')";
    imagenes[3]="url('imagenes/103.bmp')";
    imagenes[4]="url('imagenes/104.bmp')";
    imagenes[5]="url('imagenes/105.bmp')";
    imagenes[6]="url('imagenes/106.bmp')";
    imagenes[7]="url('imagenes/107.bmp')";
    imagenes[8]="url('imagenes/108.bmp')";
    imagenes[9]="url('imagenes/109.bmp')";
    imagenes[10]="url('imagenes/110.bmp')";
    imagenes[11]="url('imagenes/111.bmp')";
    imagenes[12]="url('imagenes/112.bmp')";
    imagenes[13]="url('imagenes/113.bmp')";
    imagenes[14]="url('imagenes/114.bmp')";
    var i=0;
    var intervalID = setInterval(function(){
        i++;
        if(i>=14)clearInterval(intervalID);
        anim.css('background-image',imagenes[i]);
 
    },100);
}
 

y se muestra la secuencia de imagenes, pero titilando entre cada transicion, lo que hace que pierda su efecto de animacion, como puedo hacer para que se vea mas suave y no titile?