在显示jQuery ajax load()内容之前预加载内容
我想用jqueryajax加载函数动态地从PHP脚本中获取的一些图像填充div,但我想在加载所有照片之前显示预加载的imagem。在这一点上有人能帮我吗 下面是目前的代码,它显示图像,但显示加载:在显示jQuery ajax load()内容之前预加载内容,jquery,Jquery,我想用jqueryajax加载函数动态地从PHP脚本中获取的一些图像填充div,但我想在加载所有照片之前显示预加载的imagem。在这一点上有人能帮我吗 下面是目前的代码,它显示图像,但显示加载: $(document).ready(function() { $('.lista_fotos').hide(); $('.evento').click(function(){
$(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;};我认为你不能把货物装到集装箱上。我想你必须把它贴在图像上。我以前没有真正使用过它,所以我不完全确定。