jQuery Slider'a geçiş eklemek ve (ii) kaydırıcıyı yanıtlamak nasıl yapılır?

Question

Bu jQuery kaydırıcısını üzerinde çalıştığım bir proje için yaptım. Ben görüntülerin left özelliğini değiştirmek için jQuery animate fonksiyonunu kullandık https://jsfiddle.net/ag_dhruv/wq16ks86/1/

: Aynı için bu bağlantıyı bakın. Bunu yaparak, geçiş efektleri olmadan minimum bir kaydırıcıyı başarabiliyorum.
1) Bu ben bir kaydırıcı yapabileceğiniz en iyi yolu mu:

İşte kaydırıcı ile ilgili sorularım nelerdir?
2) Görüntüyü soluklaştırma veya başka bir efekt gibi hareket ettirirken ince geçiş efektlerini nasıl ekleyebilirim?
3) Sayfayı yeniden boyutlandırırken kapsayım yeniden boyutlandırılıyor (width:80% olarak ayarlanmış). Ancak görüntüler buna göre yeniden boyutlandırılmaz. Bunu nasıl başarabilirim?

Answer 1

Görüntüyü yeniden boyutlandırabilmek için, görüntünüze maksimum genişlik eklemelisiniz. , Kendi css kuralları tamamlamalıdır Tabii

.first .slidercontainer img { 
    position: absolute; 
    max-width: 100%; 
    animation: fadein 2s infinite; 
} 

@keyframes fadein { 
    0% { opacity: 0; } 
    50% {opacity: 0.5;} 
    100% { opacity: 1; } 
} 

diğer tarayıcılarda uyumlu olacak şekilde:

https://jsfiddle.net/wq16ks86/4/

css çözümdür:

Burada soru 2 ve 3 için çözüm çok.