Jqueryカルーセル追加新しい画像

Question

私はjqueryカルーセルに取り組んでいます。ここにその例を見ることができます：http://jsfiddle.net/6fwbS/2/

クリックして数回クリックします。それはすべて不愉快になる。

次の機能は、カルーセルに新しいイメージを追加しようとしていないときに機能します。正常に機能することを確認するには、[減少]ボタンをクリックします。画像カルーセルに画像を戻すには、どのような方法が適していますか？

function slide_img_left(){ 

    $('.left_slot').animate({ 
     opacity: 0, 
     left: '-=50px' 
    },300); 

    $('.middle_slot').animate({ 
     left: '-=50px' 
    },300, function(){ 
     $('.middle_slot').attr('class','left_slot'); 
     $('.right_slot').attr('class','middle_slot'); 
     alert(imgArr[c][0]); 
     $("#basic_div").append(imgArr[c][0]);   // This line causes the problem but I don't know the correct way to put the new image in. 
    }); 

    $('.right_slot').animate({ 
     left: '-=50px' 
    },300); 

} 

Answer 1

あなたが関数内の変数cを定義した後、ランタイムエラー（c is not defined）を生じさせる葯機能でそれを使用しています。私は外側のスコープで定義して、それを使用するすべての関数で使用できるようにしました。

の作業のデモ - http://jsfiddle.net/6fwbS/1/