Блог

Я загружаю содержимое, в основном изображения, с помощью этого вызова ajax и хотел бы отключить div только тогда, когда все изображения будут полностью загружены. По этой причине я подумал, что мне следует использовать .ready, чтобы весь контент был загружен до того, как я использую jquery для его затухания, но по какой-то причине изображения загружаются не полностью, когда div затухает, что создает впечатление, что он не ожидает загрузки всего.

Я в основном хочу создать предварительную загрузку для этого содержимого AJAX

 function getPage() {
    var data = 'page='   encodeURIComponent(document.location.hash);

    $.ajax({
        url: "loader.php",  
        type: "GET",        
        data: data,     
        cache: true,
        success: function (html) {  


            $('#content').html(html);
            $("#slider").easySlider();  

            $(this).ready(function() {

                 $('#body').fadeIn('slow');
                 $('#loader').fadeOut('slow');

             });




        }       
    });
  

Заранее благодарю вас за помощь. Я все еще новичок.

пример:

Редактировать: О, теперь я понимаю, в чем ваша проблема!

Когда запускается функция success(), вы должны добавить .событие загрузки к изображениям внутри #content!

Вы должны сделать что-то вроде этого

 function getPage() {
    var data = 'page='   encodeURIComponent(document.location.hash);
    $('#loader').fadeIn('slow');
    $.ajax({
        url: "loader.php",  
        type: "GET",        
        data: data,     
        cache: true,
        success: function (html) {  

            $('#content').html(html);
            $("#slider").easySlider();  
            $('#content img').load(function(){
                 $('#body').fadeIn('slow');
                 $('#loader').fadeOut('slow');
            });
        }       
    });
}