Question

我正在开发一个自定义灯箱，其中下一个或上一个图像是通过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);
 }
 });

任何人都可以帮我这个吗？

Answer 1

您可以使用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);
    }
 });  
})

在ajax调用之前滚动图像效果

1 个答案: