Помогите с анимацией
 

Пишу кодик
хотелось бы чтобы было все плавно и красиво
просто сменить фон без проблем

$(function() {
$(".ur-im > img").click(function() {
$(".ur-im-b").css('backgroundImage', 'url(images/lessons/bib/'+this.alt+')');
});
});

но хотелось бы чтобы он плавно пропал и появился новый.
пробую так:

$(function() {
$(".ur-im > img").click(function() {
var tmp = this.alt;
$(".ur-im-b").animate({opacity:0},1000,function () { 
$(".ur-im-b").css('backgroundImage', 'url(images/lessons/bib/'+tmp+')');
}).animate({opacity:1},1000); //показываем снова
});
});

меняет только без плавного перехода просто ждет секунду, а потом меняет фон.

HTML код:
<div class="ur-im">
<img src="images/lessons/bib/01_s.jpg" alt="01_b.jpg" />
<img src="images/lessons/bib/02_s.jpg" alt="02_b.jpg" />
<img src="images/lessons/bib/03_s.jpg" alt="03_b.jpg" />
<img src="images/lessons/bib/04_s.jpg" alt="04_b.jpg" />
<div class="ur-im-b"></div>
</div>

помогите кто чем может.:cray:

var tmp = $(this).attr("alt")
луче засунуть в rel или data-url

Нет так тоже не пашет, тут видать в принципе что-то другое надо.

ну здесь логически. как бы не то,Вы берете картинку у которой изначально параметр opacity 1 и опятьже анимируете её до 1.Наверное нужно сначала задать прозрачность,потом изменить.Прописать для нее css например,как вариант.
Или подложить одну картинку под другую,затем у первой увеличивать прозрачность,тоже как вариант.Да способов воплощения, можно много придумать)

и как это в моем случае поможет хотелось бы полный вариант увидеть.

Так весь вопрос тут и в том как это сделать сначала потушить потом попенять поле показать.