[Stasonix]

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

Код:

1 2 3 4

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

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

Код:

1 2 3 4

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

;

и

Код:

1 2 3

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 с абсолютным позиционированием.