Swap image çalışmasıdır ve kodlar çalışıyor. Fakat başka resme tıklayınca önceki resim gizleniyor görüntülenmiyor. Değişen önceki resmin de sabit kalmasını istiyorum. <script src="https://code.jquery.com/jquery-3.6.0. min. js"></script> <script> var $ = jQuery $ . ready(function { $ . on('click', function ) }) var $ = jQuery $ . ready(function { $ . on('click', function ) }) var $ = jQuery $ . ready(function { $ . on('click', function ) }) </script>

<script src="https://code.jquery.com/jquery-3.6.0. min. js"></script> <script> $ . ready(function { $ . on('click', function { var showme = $ . attr ; var previousImage = $ ; // Önceki resmi seçer // Yeni resmi oluşturur ve etiketlerini ayarlar var newImage = $ . attr . addClass ; // Önceki resmi sabit konumda tutar ve yeni resmi üstüne ekler previousImage. css ; previousImage. after ; // Yeni resmi animasyonla görünür yapar newImage. hide . fadeIn ; // Önceki resmi gizler previousImage. fadeOut(function ); }); }); </script> Bu örnekte, önceki resim özel bir sınıf olan "active-image" olarak işaretlenir. Yeni resim, önceki resmin üzerine eklenir ve animasyonla görünür hale gelirken önceki resim gizlenir. Ardından, önceki resim tamamen kaldırılır. Bu kodu kullanarak, tıklanan her resim için önceki resmin sabit kalmasını ve üzerine yeni resmin gelmesini sağlayabilirsiniz.