Jquery 如何淡入淡出html（）

我有这23张jpeg图像，但我不能像fadein fadeout那样制作正确的动画 这是我的密码：

var srcStr1 = "../img/portrait/anne/",
                srcStr2 = ".jpg",
                counter = 1,
                pos =0,
                x;

            var anne = $('#anne').attr('rel');

                if(typeof(anne) == "undefined" || anne.length < 1) {
                    x = 1;  
                } else if (anne < 23 && anne != 23) {
                    x = parseInt(anne) + 1; 
                } else {
                    x = 1;  
                }

            $('div').html('<img id="anne" src="' + srcStr1 + x + srcStr2 + '" rel="' + x + '"/>');

var srcStr1=“../img/grait/anne/”，
srcStr2=“.jpg”，
计数器=1，
pos=0，
x；
var anne=$（'#anne'）.attr（'rel'）；
if（typeof（anne）=“未定义”| | anne.length<1）{
x=1；
}否则如果（anne<23&&anne！=23）{
x=parseInt（anne）+1；
}否则{
x=1；
}
$（'div'）.html（“”）；

据我所知，您希望更改图像的src属性以模拟淡入淡出效果。使用现有代码，必须添加超时机制，才能使淡入淡出效果正常工作。在编写代码时，假设代码处于循环中，并在23处停止，则代码只会计数到可能的最高值，然后显示新图像。像这样的东西应该可以做到这一点，使每个图像显示大约100毫秒，总动画时间为2.3秒

function fadeIn() {
    // your code here
    setTimeout(fadeIn,100);
}

---

在那个例子中，你在哪里尝试淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡出淡入淡入淡入淡入淡入淡入淡入淡出淡入淡入淡入淡入淡出淡入淡入淡入淡出淡入淡入淡入淡入淡出淡入淡入淡入淡入淡出淡入淡入淡入淡入淡入淡出淡入淡入淡出淡入？