jQuery画像グループアニメーション

Question

私は3つの同じ画像を持つdivを持っています。隠さ -

<div> 
    <img class="movlights" src="files/images/movelights.png" alt="10 years logo" /> 
    <img class="movlights sec" src="files/images/movelights.png" alt="10 years logo" /> 
    <img class="movlights third" src="files/images/movelights.png" alt="10 yearslogo"/> 
</div> 

各々は、すべての行を形成し、その親DIVが オーバーフローされる方法で異なる「絶対」位置を有します。

だから私は彼らがこのコードで、左から右にグループとして同時に一緒に移動するアニメーション：

$(function(){ 
    movelights(); 
    }); 

    function movelights(){ 
    for(x=0;x<3;x++) 
    { 
     $('div img:eq('+x+')').animate({left: (1400 - x*800)},24000); 
    } 
    }; 

私の問題がある： それをキューイングすることにより、他の人の前に、特定の開始位置に画像を返す方法再びアニメーションパターンが繰り返されるようにdivの右端を通過するときに！

だから私は両方に興味がある：

• 私は十分に明確であったかにループアニメーションパターン

希望 ラインの終わりから始まり

に画像をキューイングする方法英語は母国語ではありません。私はあなたがイメージスライダーをしたいと思います

div{ 
width:1000px; 
overflow:hidden; 
position:relative; 
} 

all img{ 
    display:block; 
    position:absolute; 
    left:120px; 
} 
img2{ 
    left:-678px; 
} 
img3{ 
    left:-1400px; 
} 

Answer 1

私は同じ問題を抱えていました。 timer = setTimeout(functionname to loop, 0);を使用してください。

私がjQueryの質問をするたびに、誰かが、通常、誰か他の人が作成した膨大なプラグインへのリンクで応答します。問題は、何かをダウンロードする場所ではなく、何かをする方法でした。

Answer 2

：

はここにいくつか追加のコードです。これはlinkです。

あなたの要件に応じてカスタマイズすることができます。