[Stasonix]

Как лучше организовать смену картинок на странице? (допустим при выборе значения селектов подгружается картинка) Я сделал так:

Код:

  maincont.find('a.flink img')
  .fadeOut("slow",function(){
$(this).attr("src",way);
       }).fadeIn("slow");

т.е. через эффект исчезание-появление, проблема в том, что src не успевает измениться, т.е. эффект fadeOut делает исчезновение элемента, затем происходит появление элемента, а затем уже изменяется сам src и картинка, т.е. эффект опережает событие смены картинки, это выглядет мягко говоря некрасиво, так вот вопрос в том как более приемлимо(гладко) это сделать?
p.s. пока писал вопро пришли в голову пару идей:

Код:

maincont.find('a.flink img')
  .fadeOut("slow",function(){
$(this).fadeIn("slow",function(){ $(this).attr("src",way) });
       })

;

и

Код:

  maincont.find('a.flink img')
  .fadeOut("slow",function(){
       }).fadeIn("slow",function(){ $(this).attr("src",way) });

но к сожалению ничего толкового из этого не вышло, все также грубо говоря тормозит смена картинок.

[PhoeniX]

1. Делаем FadeOut.
2. Задаём SRC, устанавливаем событие onLoad.
3. По событию onLoad делаем FadeIn.

Грязно, но работать будет. Более чистый вариант придумай из этого, используя второй IMG с абсолютным позиционированием.