Добавление анимации при удалении изображений в jQuery и wordpress

Question

У меня есть галерея с любимыми изображениями или пользователями, где пользователи могут удалять изображения, которые им не нравятся, clciking on remove. Когда изображения будут удалены, вместо удаляемого изображения появится следующее изображение. Я хотел бы добавить некоторую анимацию, чтобы она выглядела так, как будто следующее изображение скользит.

Я использую следующий код, который отображает и удаляет изображения на странице.

setTimeout(function(){ g(".justified-image-grid").css({opacity:1}); },500); 
} 
g(document).ready(function(){ 
fillFav(); 
g(".fav_icon").live('click',function(){ 
var id2 = g(this).attr("id"); 
if(id2 == 2) { 
var url = window.location.href; 
var data = g(this).attr('data'); 
var itemtoRemove = data; 
imgs.splice(g.inArray(itemtoRemove, imgs),1); 
var th = g(this); th.addClass("proce"); 
th.parent(".jig-imageContainer").css({'opacity':.6}); 
g.ajax({url:url,method:'GET',data:{'did':data}}).done(function(data){ 
th.attr("id","1"); th.parent(".jig-imageContainer").remove(); th.html(data); }); 
} 

}); 

g("#jig1-filterButtons").live('click',function(){ 
g(".justified-image-grid").css({opacity:0}); 
setTimeout(function(){ fillFav(); },100); 
}); 
}); 

Заранее спасибо

Answer 1

Вы могли бы хотеть попробовать это.

Для Fade Out и удалить:

th.parent(".jig-imageContainer").hide('slow', function(){ th.parent(".jig-imageContainer").remove() }); 

Для Затенение и Добавление HTML:

Добавить display:none стиль HTML, что вы добавления. И затем попробуйте следующее:

th.html(data).fadeIn('slow');