Как лучше организовать смену картинок на странице? (допустим при выборе значения селектов подгружается картинка) Я сделал так:
Код:
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) });
но к сожалению ничего толкового из этого не вышло, все также грубо говоря тормозит смена картинок.