<script type="text/javascript" src="jquery-1.5.2.js"></script>
<script type="text/javascript">
function showing(img) {
$('#mainpic').fadeTo(500, 0);
setTimeout(loading(img),500);
$('#mainpic').fadeTo(500, 1);
}
function loading(img){
if (img == '#') {
mainpic.src = 'images/mainpic.png';
} else {
mainpic.src = img;
}
}
</script>
<img src="images/cat1.png" onMouseMove="showing('images/main1.png');" onmouseout="showing('#');">
При наведении картинка должна плавно меняться, при выходе из поля должна возвращаться прежняя картинка. В данном случае все начинает моргать, как этого избежать?