Ajax 호출 전의 이미지에 대한 롤 효과

Question

다음 또는 이전 이미지가 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); 
} 
}); 

아무도 도와 줄 수 있습니까?

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

하거나 Ajax 호출하기 전에 효과를 수행 할 수 있습니다 :

Answer 1

당신은 $.ajax에 beforeSend 콜백을 사용할 수 있습니다

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); 
    } 
}); 
})