如何fadeIn和fadeOut html（）

Question

我有这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 + '"/>');

Answer 1

据我了解，您想要更改图像的src属性以模拟淡入淡出效果。使用现有代码，您必须添加超时机制才能使淡入淡出效果起作用。您编写的代码，假设它处于循环中并在23处停止，将只计入最高可能值，然后显示新图像。像这样的东西可以做到这一点，导致每个图像显示大约100毫秒，使总动画2.3秒。

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