jquery - 別の方向にdivをアニメーション

Question

私はTHISのようなサイトを作ろうとしています。
私のバックグラウンドスライダーはまだうまくいきません。それはまだアクティブなスライドの右側に別のスライドを追加し、別のdivに変更していないその上でオーバー
幅とdivのスライドに変身だ、 は、私は非常に新しいんだジャバスクリプト

$(document).ready(function() { 

    function do_slide() { 
    interval = setInterval(function() { 
     moveRight(); 
    }, 6000); 
    } 
    do_slide(); 
    $('.child img').hover(function() { 
    clearInterval(interval); 
    }); 
    $('.child img').mouseleave(function() { 
    do_slide(); 
    }); 

    var slideCount = $('#main_slide .child img').length; 
    var slideWidth = $('#main_slide .child img').width(); 
    var slideHeight = $('#main_slide .child img').height(); 
    var sliderUlWidth = slideCount * slideWidth; 

    $('#main_slide').css({ 
    width: slideWidth, 
    height: slideHeight 
    }); 

    $('#main_slide .child').css({ 
    width: sliderUlWidth, 
    marginLeft: -slideWidth 
    }); 

    $('#main_slide .child img:last-child').prependTo('#main_slide .child'); 

    //    Slide Background 
    function moveRight() { 
    $('#main_slide .child').animate({ 
     left: -slideWidth 
    }, 700, function() { 
     $('#main_slide .child img:first-child').appendTo('#main_slide .child'); 
     $('#main_slide .child').css('left', ''); 
    }); 
    $('#slide_content .child').animate({ 
     left: "300px" 
    }, 700, function() { 
     $('#slide_content .child div:first-child').appendTo('#slide_content .child'); 
     $('#slide_content .child').css('left', ''); 
    }); 
    }; 

}); 

完全なコードで FIDDLE HERE

Answer 1

$('#slide_content .child').animate({ 
        left: "200px" 
       }); 

"左：200pxの" お試しいただくか、任意の値の代わりに、 "右"。それは確かに背景スライダの広い幅のために動作します。スライダーを修正してすべてうまく動作するはずです