Aynı görüntüye Fade ve Kenburns etkisi

Bir bağlantıyı tıklattığımda hem kenburn efektini hem de soluk efektini aynı görüntüye koymam gerekiyor.Aynı görüntüye Fade ve Kenburns etkisi

Yolumu yapmaya çalıştım ama mükemmel çalışmıyor.

İkinci görüntüde olduğu gibi box1 öğesini tıklattığımda ilk resmi karartmaya ve aydınlatmaya ihtiyacım var.

Her iki görüntü için de JavaScript'i iki kez koyarım. Her iki görüntü için bir kez koymaya ihtiyacım var, ancak her bir görüntüyü solmaya ve ken yakmak için hem box1 hem de box2'ye tıklamaya ihtiyacım var.

Bu konuda yardımcı olabilir misiniz?

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'); 

};

kaynak

2013-07-27 user2607456

kullanıcı miktarını seçen bir sosyal tip şeydir fade ve ken'nin yanması ya da sadece solmaya ve ken yanıklarına neden olan bir şekillendirme özelliğidir? – samrap

Sorunuz çok açıklayıcı değil. Ancak, JS'nizde yanlış olan bir şey, yavaş yavaş bir sınıf ekleyemezsiniz. Yani ', 2000'yi' addClass ('zoom') 'işlevinden kaldırın –

i yapmak için çok çeşitli yolları vardır sen http://api.jquery.com/
yaklaşık $(this), eq(), index() okumaya gerek
bunun ilgili kutuya tıklayarak her resmin üzerinde böyle bir etki uygulamak yapmak istiyorum düşünüyorum Bu ve bence bu verimli bir tane:
1-
kutusunun dizinini alın 2-aynı efekti olan görüntüdeki efekti uygulayın

bu yerine $(this) kullanabilirsiniz bir demo

her kutu için aynı jquery kodu kopyalayıp gerekmez unutmayın olduğunu

kaynak

2013-07-27 14:05:34

Aynı görüntüye Fade ve Kenburns etkisi

cevap

İlgili konular