Introduzione alle animazioni in jQuery

Le animazioni con jQuery sono composte da : effetto(durata easing callback)

• durata: espressa in millisecondi oppure con slow o fast
• easing: esprime il rate dell'animazione mantenendo la costanza della velocità dell'esecuzione o la differenza tra inizio e fine. I suoi valori sono linear e swing
• callback : È una funzione che regola l'esecuzione dell'istruzione successiva al termine dell'animazione alla quale si riferisce

Sintassi delle animazioni in jQuery

$('selector').hide(5000,'swing',function(){...function...});

Esempio sulle animazioni in Eventi in jQuery

Codice della Lezione : Chaining degli Eventi in jQuery

$(document).ready(function(){
    /* Animazioni:
    / Le animazioni sono composte da : effetto(durata easing callback)
    / 
    / durata: espressa in millisecondi oppure con slow o fast
    / easing: esprime il rate dell'animazione mantenendo la costanza della velocità dell'esecuzione o la differenza tra inizio e fine. I suoi valori sono linear e swing
    / callback : è una funzione che regola l'esecuzione dell'istruzione successiva al termine dell'animazione alla quale si riferisce
    */

  $('#button1').click(function(){
    // callback serve a dare priorità agli effetti e alle funzioni (in questo caso l'alert deve essere eseguito dopo la scomparsa del tag figure)
    $('.do-image-gallery > figure:first').hide(3000,function(){
        alert('esecuzione callback 1');
    });
    
  });
  $('#button2').click(function(){
    // callback serve a dare priorità agli effetti e alle funzioni
    $('.do-image-gallery > figure:eq(1)').hide(5000,'linear');
    $('.do-image-gallery > figure:eq(2)').hide(5000,'swing',function(){
      alert('esecuzione callback 2');
    });
  });
});