2012-08-10 30 views
0

我正在通过ajax调用加载下一个或上一个图像的自定义灯箱。我希望在ajax调用完成之前达到效果,以便在调用ajax并加载下一个图像之前展开当前图像。这里是我的代码阿贾克斯ajax调用之前的图像滚动效果

function loadimgagg(mipic){ 


var miid=$('#mipicview-overlay-content').attr('vwid') 

var dataString = 'mipic='+ mipic+'&miid='+miid; 

$.ajax({ 
type: "POST", 
url: "eg.php", 
data: dataString, 
cache: false, 

success: function(html){ 
$("#eg").html(html); 
} 
}); 

任何人都可以帮助我呢?

+0

您是否尝试过用动画功能回调打电话给你的AJAX功能。看看这里http://jsfiddle.net/8Bcb7/ – Jeemusu 2012-08-10 08:57:02

+0

谢谢演示的朋友,我只是试图推出的效果,但没有成功加任何其他方法execpt beforeSend – 2012-08-10 08:58:55

+0

哦,你说在你的问题淡出.. – Jeemusu 2012-08-10 09:01:07

回答

0

您可以使用beforeSend回调$.ajax

$.ajax({ 
type: "POST", 
url: "modules/gallery/miloader.php", 
data: dataString, 
cache: false, 
beforeSend: function() { 
// something here 
}, 
success: function(html){ 
    $("#mipicview").html(html); 
} 
}); 

,或者你可以做AJAX调用之前的效果:

function loadimgagg(mipic){ 
    var miid=$('#mipicview-overlay-content').attr('vwid') 

    var dataString = 'mipic='+ mipic+'&miid='+miid; 

$('image').fadeOut(100, function() { 
$.ajax({ 
    type: "POST", 
    url: "modules/gallery/miloader.php", 
    data: dataString, 
    cache: false, 

    success: function(html){ 
     $("#mipicview").html(html); 
    } 
}); 
}) 
+0

任何其他soltuion然后beforeSend? – 2012-08-10 08:55:10

+0

@SakshiSharma回答Updated !! – Vishal 2012-08-10 09:01:59

+0

当我尝试使用它之前,阿贾克斯调用效果甚至完成并nt图像加载 – 2012-08-10 09:03:56