Анимация загрузки аяксом фотогалереи в выбранный div

$('.bag').click(function(){
        $.ajax({
                    url: "ajax/bag.html", // обращение                     
                    dataType: "html",
                    beforeSend:  function(){$('#wrap').html(''); $("#load").show();  }, // до загрузки показываем лоадер! и убираем текущий код
                    success: function(data){                      
                    $("#load").hide(); // скрываем лоадер!
                    $('#wrap').html(data); //загружаем данные},
                 });
 
        return false;                                
                                   });

$('#preload-box').ajaxStart(function() {
       $(this).html('<img src="preloader.gif" border="0">');
}).ajaxSuccess(function() {
       $('img', this).remove();
}).ajaxStop(function() {
       $('img', this).remove();
       $(this).text('Загрузка прервана!');
}).ajaxError(function() {
       $('img', this).remove();
       $(this).text('Ошибка подключение!');
});
 
$.get('http://example.com/blabla/blabla/', {
  ... // передадим какие нить параметры
}, function(data) {
    $('#wrap').html(data);
});

$('#wrap').html(data); // загрузили в контейнре данный (html)
wait_for_load_all_image(); // покажем загрузку каждой из картинок прелоадером :)

function wait_for_load_all_image() {
    var image_collect = $('#wrap > img');
    image_collect.each(function() {
        var self = this, temp = new Image();
        var preload = $(this).parent().find('preload'); // это для preload контейнера
        
        temp.onload = function() { // картинка загружена можно ее уже показывать
            self.src = temp.src; // тут передаем ей адрес
            preload.hide(); // тут скрываем предзагрузочник или убиваем его
            temp.onload = null;
        };
        temp.src = $(this).attr('addr');
    });
}