Jquare, плавная смена картинок

[Gorychev]

Нужно реализовать плавную смену картинок как на сайте http://kremlin.ru/ (см. картинки для 3х последних новостей, короч сразу под шапкой)
Заказчик хочет именно так как на этом сайте, т.е небольшая временная задержка при переходе курсора мышки от новости к новости, это я сделал. Теперь необходимо сделать, чтобы картинка не сразу появлялась, а как на сайте с примерно таким же эфектом. Как бы появляется из белого фона, что ли.
Узаю Jquare, поэтому нужно решение на этом фреймвоке.

Пробовал плавно менять в цикле с задержкой css свойство opacity (от 0 до 1) ,но желаемого результата не достиг.

   function op_city(j) {
	$(".third").css("opacity", j);
   }
    
   var j = 0.0;
   $(".third").css("opacity", 0);
   while(j <= 1){
        j +=  0.01;
	setTimeout(function(){op_city(j)}, 20);
   }

Ставил в setTimeout например 1000 или 10, но в первом случае просто ждал 1 сек., прежде чем появится изображение, во втором оно появлялось мгновенно. Короче где-то накосячил.

Если чесно такой подход мне не нравится, возможно есть др.варианты, может я велосипед придумываю.

---------------------------------
Нашел решение, может кому и сгодится:

  $(".third").hide(); // скрываем
  $(".third").fadeIn("normal"); // отображаем с эффектом

JQuery рулит, не перестаю восхищаться простотой применения этого фреймвока и возможностями.
Вот здесь нагуглил http://www.linkexchanger.su/2008/61.html

[Виталий Желтяков]

Надо использовать метод animate. Пример.