Efecto FADE con CSS y javascript

[jpt15]

Hola,

Tengo una consulta, y es que con la funcion que les detallo a continuacion hago un cambio de imagen en un banner pero si enfecto de transicion y se ve muy cutre, como podria incorporar el efecto fade en esta funcion, muchas gracias por la ayuda!!

funcion JS:

var num_img=0;

function canvi()
{
num_img=(parseInt(Math.random()*10)+1);
document.getElementById('pre_cap').style.backgroun dImage="url(fotos_banner/"+num_img+".jpg)";
}
setInterval("canvi()",10000);

document.write("<style type='text/css'>#pre-cap {visibility:hidden;}</style>")