Bu uygulama, jQuery'nin animate() metodunu kullanarak görselleri ekranın belirli koordinatları arasında hareket ettiren, akıcı bir slayt sistemidir. Önceki versiyondan farkı, rastgelelik yerine belirli bir başlangıç ve bitiş rotası izlemesidir.
1. Animasyonun Teknik Yol Haritası
Kodun çalışma mantığını üç aşamada inceleyebiliriz:
Hazırlık (Başlangıç): Resim ilk aşamada ekranın sağ üst köşesine (left: gen, top: 0px) konumlandırılır. Boyutları 0x0 ve görünürlüğü (opacity) 0.0 yapılarak tamamen gizlenir.
Giriş Animasyonu: Belirlenen süre (5 saniye) içinde resim, ekranın sol üst köşesine (left: 0, top: 0) doğru büyüyerek gelir ve tüm ekranı kaplar (width: gen, height: yuk).
Çıkış Animasyonu: Resim ekranı kapladıktan sonra, bu kez sağ alt köşeye (left: gen, top: yuk) doğru küçülerek ve şeffaflaşarak yok olur.
2. Kodun Öne Çıkan Özellikleri
Sabit Rota: Rastgele seçim (switch-case) kaldırılmış, yerine her resim için aynı profesyonel geçiş rotası tanımlanmıştır.
Görsel Döngü: i değişkeni dizinin sonuna geldiğinde (i == 3) tekrar 0 değerine dönerek animasyonun sonsuz bir döngüde kalmasını sağlar.
Hız Kontrolü: Animasyon süresi 5000ms (5 saniye) olarak ayarlanarak daha sakin ve izlenebilir bir geçiş elde edilmiştir.