2016-04-05 12 views
-1

Aşağı kaydırılan elemanlar içeren bir web sitem var. Bu örnekte daha çok benzer bir şey:Geçiş yakınlaştır? (HTML/CSS/Javascript/jQuery/..?)

enter image description here

bir eleman tıkladığınızda bunu isterim

, bu eleman üzerinde yakınlaştırma, diğer unsurlar kaybolur ve seçilen öğenin görselin yanında, bazı metin görüntülenir. Ve bu görüntüden çıktığınızda, metin kaybolur ve tüm öğelerin ızgarasıyla ilk görünüme kadar boşluk bırakılır.

Bu efektin nasıl çağrıldığını bilmiyorum - eğer bir adı varsa - ve nasıl yapılacağını bulmakta zorlanıyorum .. jQuery? CSS animasyonu?

Ben herhangi bir ipucuna açığım! Yardımlarınız için teşekkürler,

cevap

0

önündeki görüntüleyebilirsiniz. Amacınıza pek çok yolla ulaşabilirsin ama burada bir tane var.

Sen click() iken birinde diğerlerini gizlemek için jQuery ile görüntü üzerinde zoom ve hide() yapmak scale() CSS3 özelliklerini kullanabilirsiniz. Bu ipuçlarıyla bir çözüm bulamazsanız

, sana büyük teşekkür olduğunu right here

+0

ne istediğini bir örnek yaptık! Kayıt için bu jQuery eklentisini de bulmuştum.Aşağıdaki gibi görünüyordu.Tanımcılar –

+0

Bazı kodlamalardan sonra, hem çözümünüzü hem de bulduğum jQuery kitaplığının (Zoomooz denilen) karışımı harika çalışıyor. :) –

+0

yardım ettiğine sevindim! :) –

0

Sen mutlak pozisyon ile tıklamada yeni div oluşturmak ve diğer elemanlar (daha büyük z-index) jQuery ile bir kod parçası yaptık