Приветствую!
Такая проблема, есть div блок с id="main". У него имеется фоновая картинка и в нем также прописан какой-то текст.
Нужно через определенное время менять фон этого блока.
Фоновые картинки имею имена вида bg_img_1, bg_img_2 и тд
Делаю так:
var n=1;
setInterval(function(){
if(n==6) n=1;
else n++;
$('#main').fadeOut('normal',function(){
$('#main').css('background-image','url(../img/bg_img_'+n+'.jpg)')
}).fadeIn();
},2000);
Все работает, но при переходах fadeOut и fadeIn видно как скрывается весь блок div вместе с текстом и всем остальным.
Как мне сделать чтобы этот эффект затрагивал только фоновую картинку, а все остальное оставалось на месте?