Carregar imagem em div

Olá bom dia a todos será que algume pode me dar uma maozinha tenho uma div que ao clicar em um link ele muda a imagem da div quero fazer ao clicar no link aparecer um carregando e dar um efeito fade na imagem e so aparecer a outra imagem so depois que a outra carregar algume pode me dar uma luz

$("#gastronomia").click(function() {
$("#caixaSlider").css("background-image", "url(imagem/bg2slider.png)");
$("#opcoes-menu").css({backgroundPosition: '0 -320px'});
 });