フェードインとフェードアウトのhtml（）

Question

に私はこの23枚のJPEG画像を持っていますが、私はフェードアウトをフェードインなどの適切なアニメーションを行う HERESに私のコードcouldntの方法：

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で停止していると仮定すると、可能な限り高い値に数えてから新しいイメージを表示します。このような何かがトリックを行い、各画像を約100ms表示し、合計アニメーションを2.3秒にする必要があります。

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