在显示jQuery ajax load()内容之前预加载内容

在显示jQuery ajax load()内容之前预加载内容,jquery,Jquery,我想用jqueryajax加载函数动态地从PHP脚本中获取的一些图像填充div,但我想在加载所有照片之前显示预加载的imagem。在这一点上有人能帮我吗 下面是目前的代码,它显示图像,但显示加载: $(document).ready(function() { $('.lista_fotos').hide(); $('.evento').click(function(){

我想用jqueryajax加载函数动态地从PHP脚本中获取的一些图像填充div,但我想在加载所有照片之前显示预加载的imagem。在这一点上有人能帮我吗

下面是目前的代码,它显示图像,但显示加载:

            $(document).ready(function() {
                $('.lista_fotos').hide();
                $('.evento').click(function(){
                    if( $(this).next().is(':hidden') ) {
                        $('.evento').removeClass('evento_activo').next().slideUp();
                        $(this).toggleClass('evento_activo').next().slideDown();
                        var evento = $(this).text();
                        var pasta = $(this).attr("rel");
                        var ano = $(this).attr("name");
                        $(this).next().load('fotos_evento.php', { evento: evento, ano: ano, pasta: pasta });
                    }
                    else {
                        $(this).removeClass('evento_activo').next().slideUp();
                    }
                    return false;
                });
            });
提前谢谢

Ricardo

您可以执行以下操作,制作一个看起来像忙指示器的图像,类似于loading.gif等等…首先将div背景图像加载为loading image

我举个例子

//在此处加载背景图像

您有一个回调,它表示加载很复杂,在回调函数中删除加载图像并加载图像

$('#result').load('ajax/test.html', function() {
 // load completed , hide your busy indicator and use your images from php
});
若要等待映像恢复,可以使用.load将处理程序绑定到映像。不要与用于进行ajax调用的.load混淆。大概是这样的:

$'myImage'.loadfunction{ //这将在图像加载完成时激发。
};

但是图像是在PHP脚本中打印的。在这种情况下,完全加载意味着什么?打印我在PHP脚本中尝试过类似的方法,但没有成功:$'.link_foto.hide;$'。link_foto'.loadfunction{$'preload'.hide;$'.link_foto'.show;};我认为你不能把货物装到集装箱上。我想你必须把它贴在图像上。我以前没有真正使用过它,所以我不完全确定。