Wie kann ich verhindern Jquery Animation in meiner Diashow

Question

ich eine jquery Foto-Diashow-Funktion verwende ich online gefunden. Es enthält ein Div, das den Akkorde-Effekt verwendet, um den Namen des gerade gezeigten Fotos anzuzeigen. Der Client möchte jedoch nicht, dass das div "rutscht". Er möchte es statisch, während der aktuelle Fototitel immer noch geladen wird. Ich habe ein Beispiel here.

Ich habe versucht, in die js-Datei und kommentieren die Teile, die ich dachte, die Animation auf die div, aber es hatte keinen Effekt. Irgendwelche Ideen, wie ich erreichen konnte, dass ich in meinem Beispiel eine jquery-Animation auf einem bestimmten div stoppen konnte?

Answer 1

Ich bin mir nicht sicher, wo Sie diese setzen würde, aber das ist, wie Sie es tun.

$('#divName').stop() 

Answer 2

versuchen dies zu ändern:

$(items[currNo]).fadeIn((timeOut/6), function() { 
    if ($(itemsSpan[currNo]).css('bottom') == 0) { 
     $(itemsSpan[currNo]).slideUp((timeOut/6), function() { 
      faderStat = false; 
      current = items[currNo]; 
      if (!mOver) { 
       fadeElement(false); 
      } 
     }); 
    } else { 
     $(itemsSpan[currNo]).slideDown((timeOut/6), function() { 
      faderStat = false; 
      current = items[currNo]; 
      if (!mOver) { 
       fadeElement(false); 
      } 
     }); 
    } 
}); 

dazu:

$(items[currNo]).fadeIn((timeOut/6), function() { 
      faderStat = false; 
      current = items[currNo]; 
      if (!mOver) { 
       fadeElement(false); 
      } 
}); 

Answer 3

Mit Hilfe sowohl Andy und Diodeus, ich glaube, ich bin viel näher als ich :) Ich habe gelernt, dass ich verschiedenen Funktionszeilen in jQuery-Dateien verschiedene Befehle geben kann, wie z. B.

Ich weiß jetzt, dass ich .slideDown mit Dingen wie .fadeIn und bekommen verschiedene Effekte ersetzen können. Während ich in der Lage war, das imageSpan (das ist nur eine Box mit dem darin enthaltenen Fototitel) vom Gleiten zum Fading zu machen, war ich immer noch nicht in der Lage, es einfach "sitzen" zu lassen und nichts zu tun. Ich hoffe, dass der Client die verblassen mag und es dabei belassen, dass :)

Answer 4

Okay. Ich fand eine Arbeit um das für mich funktioniert, wenn Sie die s3Slider.js verwenden Ich denke, es hat mit der timeOut Berechnung in s3Slider.js zu tun ... auf der Seite mit den Bildern wie folgt vor:

$ (Dokument) .ready (Funktion() { $ ('# s3slider'). S3Slider ({ timeOut: 12000 // -> machen es ein Vielfaches von 6000 und es wird glatt. Nur mit 6000 & getestet 12000 }); });