Efekt Zniknięcie i Kenburns na ten sam obraz

Question

Po kliknięciu łącza muszę umieścić zarówno efekt kenburn, jak i efekt zanikania na tym samym obrazie.

Próbowałem zrobić to po swojemu, ale nie działa idealnie.

Muszę zniknąć i przywrócić pierwszy obraz po kliknięciu na box1, podobnie jak w przypadku drugiego obrazu.

Umieściłem JavaScript dwa razy dla obu obrazów. Potrzebuję go umieścić raz dla obu obrazów, ale trzeba kliknąć zarówno pole 1, jak i pole 2, aby zaniknąć i zbić każde zdjęcie.

Czy możesz pomóc w tym?

This is my work. DEMO

$(document).ready(function() { 
    $('.box1').on('click', function() { 
     $('#slideimg01').addClass('zoom'),2000; 
    }); 
}); 

$(".box1").bind("click", function(e){ 
    e.preventDefault(); 
    gogo(); 
}); 

var gogo = function(){ 


$("#slideimg1 img").clone().appendTo("#slideimg1").hide().css({ position: 'absolute', top: 0, left: 0 }); 
$("#slideimg1 img:first").fadeOut(1000,'linear'); 
$("#slideimg1 img:last").fadeIn(1000,'linear'); 

}; 

Answer 1

myślę chcesz zrobić zastosować ten efekt na każdym obrazie, klikając na odpowiednim oknie nim
trzeba przeczytać o $(this), eq(), index() w http://api.jquery.com/
istnieje zbyt wiele sposobów, aby zrobić to i myślę, że jest to efektywny:
1-uzyskaj indeks skrzynki
2-zastosuj efekt na obrazie, który ma ten sam indeks

to demo

pamiętać, że nie trzeba skopiować ten sam kod jquery dla każdego pola, można użyć $(this) zamiast