Javascript 加载块jQuery动画

我已经建立了一个画廊查看器与预加载功能

预加载功能如下所示：

$.preloadFullImages = function() {

    // Create array of images
    var set = [];
    $('.slide-item img').each(function() {
        var img = $(this).data('src');
        var id = $(this).parent().attr('id');
        $(this).remove();
        set.push([img,id]); 
    });

    // Set current image
    var current = 0;

    var iterate = function() {
        var current_src = set[current][0];         
        var current_id = set[current][1];
        var temp = '<img src="'+current_src+'" />';       
        var target = '#'+current_id;
        var targetImg = '#'+current_id+' img';

        // Load 'temp' image
        $(temp).bind('load', function() {
            // Show image
            $(target).append(temp);
            $(targetImg).show();
            $(this).remove();
        });

        if ( ++current < set.length ) iterate();
    };
    iterate();
};

加载页面时，图像按顺序加载

问题是，在加载所有图像之前，图像“上一个”和“下一个箭头”之间的动画会受阻，并且无法正常工作。我希望gallery viewer能够在幻灯片和图像之间平稳过渡，即使不是所有图像都已加载

您可以在此处看到现场演示：

这个问题在iPhone safari上尤为明显

是否有方法确保动画在图像仍在加载时平滑

编辑：我正在使用此插件进行CSS3转换-

})

这两条线是最重要的部分

$.PRELOFULLIMAGES=函数回调{

如果++当前

---

制作一个函数来调用动画的开头，将其传递给PrelowFullImages

在开始动画之前，您可能应该预加载所有动画图像序列。回调示例更好的示例…使用类似的示例。您能给我一个示例吗？我对jQuery相当陌生。这没有jQuery，这是我在过去就是你现在看到的for@ccdavies如果您正在寻找一个如何使用回调的示例，我可以向您展示，但我没有您的DOM结构，因此使用您的代码并不能正确演示将发生什么事情Tanks Mike。我不确定我是否理解我将在回调中放置什么动画。您是willi吗ng是否查看我的脚本并向我解释？如果是，您的电子邮件地址是什么。@cDavies您是否有开始动画/图像序列的函数？将其作为回调传递

$.preloadFullImages = function(callback) {

    if ( ++current < set.length ) iterate();
    else if(callback) callback(); //check if callback exists, then call it.
};
iterate();