Nasıl döngü verilir JQuery

Question

İçinde görüntü bulunan tek bir div ile çalışıyorum. Animasyona, sayfanın sağ-solundan ilerlemek ve sonra sağa dönüp bir döngüye devam etmek için ihtiyacım var. Burada birçok gönderiye baktım ama betiğin düzgün çalışmasını sağlayamıyorum.

'$(document).ready(function(){ 
    function loop() { 

     $('#clouds').animate({left: '+=1400',},50000, 'linear', function(){ 
      loop(); 
     }); 

HTML

< div id="clouds">< img border="0" alt="animated clouds" src="/images/clouds.png" />< /div> 

CSS

#clouds { 
    position:absolute; 
    z-index:500; 
    right:0px; 
    top:10px; 
} 

Answer 1

bu deneyin:

JSFiddlehttp://jsfiddle.net/2YqH2/

Sen sağ tarafa geri bulutları hareket etmiyorlar. Döngü işlevinin içinde,

$('#clouds').css({right:0}); 

ekledim ve döngü oradan devam edecek. Animasyonunuzu "sağa" özelliği canlandırmak için değiştirdim, çünkü bulutların sağdan sola doğru hareket etmesini istediniz.

Ayrıca, javascript iyi biçimli değildi. Kapanış parantezlerini ve parantezleri aldığınızdan emin olun! İşte sabit javascript.

$(document).ready(function() { 
    function loop() { 
     $('#clouds').css({right:0}); 
     $('#clouds').animate ({ 
      right: '+=1400', 
     }, 5000, 'linear', function() { 
      loop(); 
     }); 
    } 
    loop(); 
}); 

Answer 2

JAVASCRIPT:

$(document).ready(function() { 

    $('#clouds').click(function() { 
loop();  
    }); 

function loop(){ 
    alert('a'); 
     $('#clouds').animate({ 
      opacity: 0.25, 
      left: '+=1400', 
      height: 'toggle' 
     }, 5000, 'linear', function() { 
      loop(); 
     }); 

} 

}); 

HTML:

<div id="clouds"><img border="0" alt="animated clouds" src="../img/image.png" /></div> 

Hatanız, işlev döngüsünü hiçbir zaman çağırmamanızdır. nasıl it works, bakmak alert('a') kaldırabilirsiniz, çünkü döngü yeniden başladığını bilmek için bir bayrak. şimdi geri hareketi yapmalısınız (hareket döngüsünü başlatmak için div sıfırlama gibi).