Sayfamda bir galeri bulunuyor ve galeride resimlerin her biri başka galerileri Jquery .load meyhodu ile çağırıyor. Çağırılan galerinin yüklenmesi uzun sürüyor biraz. Bu sırada CSS loader animasyonu görüntülemek istiyorum. Tabi resimler yüklenincede loader kaybolcak. Aşağıya geldiğim son aşamanın kodlarını atıyorum.

<script type="text/javascript">
              $(document).ready(function() {
                          $(".loader-inner").hide();-----------Loader gizle
                          $("#nbg7").on("click", function(){-------Tıklanan Galeri
                            $("#gnc2").css("display","none");--------Kaybolan Galeri
                            $(".loader-inner").show();-------Loaderı göster
                              $('#mmg1').load('galeri.html #tr7 img', function() {-------html dosyasından resimleri çağır
                              $('.main-gallery').flickity( {-------Galeri Plugini
                                  // options
                                    cellAlign: 'left',
                                    contain: true,
                                    prevNextButtons: false,
                                    freeScroll: true,
                                    pageDots: false,
                                    imagesLoaded: true
                               });
                               $(".loader-inner").fadeOut("slow");-----Loader kayboluyor

                          });

                        });
                       });



          </script>
Sanırım bu koda "$(window).load(function(){});" eklemem gerekiyor fakat nereye ekleyeceğimi kestiremedim.