將動畫添加到ajax中

Question

我編寫了代碼，其中來自jquery的.getJSON api用於從flickr public api中獲取圖像。請參閱此link。每次請求完成後，我都會讓每個圖像都滑動。現在，我想讓第一組圖像向下滑動，然後按照第一組向上滑動，然後由來自ajax請求的圖像替換，保持與第一組圖像使用的相同的動畫。我認爲一個很小的修改就足夠了。我感謝您的評論和建議。

Answer 1

是this你在想什麼？

getFlickr(); 
setInterval(getFlickr, 20000); 

function getFlickr() { 
    $.getJSON('http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?', { 
     'format': 'json' 
    }, function(data) { 
     if ($('p').length < 1) { 
      addPiecePiece('#main',true,null); 
     } 
     else { 
      $('.flickr').each(function(i) { 
       $(this).delay(4000*i).slideUp(2000,function(){ 
         addPiecePiece($(this),false,i); 
         $(this).remove(); 
       }); 
      }); 


     } 

     function addPiecePiece(element,aoa,index) { 
      $.each(data.items, function(key, value) { 
       if(index == null || index == key){ 
        title = value.title; 
        description = value.description; 
        photo = value.media.m; 
        html = $('<p class="flickr"></p>').html(description).css({ 
         'display': 'none' 
        }); 

        if(aoa == true){ 
        $(html).appendTo(element).slideDown(2000); 
        }else{ 
        $(html).insertAfter(element).slideDown(2000); 
        } 
       } 

      }); 
     } 

    }) 
}