Hello
As a part of a image gallery I have made this fade transition between
current and next image.
$p('#img-add').attr('src', imglist[index].imgurl);
$p('#second-img').css('top', '-' + $p('#first-img').css('height'));
$p('#second-img').fadeIn(600, function(){$p('#img-main').attr('src',
imglist[index].imgurl);$p('#second-img').hide(); lock = false;});
HTML
<div style="margin-bottom:5px;" class="imgI">
<div id="first-img" class="imgI">
<img id="img-main" src="" alt=""/>
</div>
<div id="second-img" class="imgI" style="dispay:none;z-
index:100; position:relative;">
<img id="img-add" src="" alt="" />
</div>
</div>
The problem is that in IE when it starts to fade, it suddenly jumps to
the next image without completing the fade effect.
What am I doing wrong?
