простой слайдер jquery для фонового изображения

Question

Я пытаюсь скользить фоновое изображение с анимацией.как я хочу, если мое первое фоновое изображение.вторая будет продолжать запуск

вот мой код

$('.next').live('click',function() {
            $('.ac_bgimage').animate({
                left:"-80em"    
            },1500, function(){
                test();
        });  

        });
        function test() {
        $('.ac_bgimage').attr('src','images/2.jpg');
        $('.ac_bgimage').css('left','0em');
    }

, так как первое изображение работает нормально, но на нем пустой экран.на этом пустом экране я хочу второй следующий экран

Заранее спасибо

Answer 1

Я не совсем уверен, правильно ли я вас понимаю, но вот несколько мыслей:

Обратный вызов вызывается после завершения анимации.Согласно вашему коду вы должны увидеть, как первое изображение сместилось влево, и как только оно исчезло, второе изображение должно появиться на своем первоначальном месте.Так как тег изображения может содержать только один источник за раз, вы не сможете избавиться от этого «пробела», как бы вы это ни делали.

Также анимация с помощью em может бытьплохой выбор в этом случае, я бы вместо этого попробовал значение px.Если это динамическое значение, прочитайте его, например, .width().

Если вы хотите просто повернуть изображение, есть миллион плагинов для jQuery, которые делают именно это.Я сам недавно написал очень крошечное решение, возможно, код может дать вам несколько указателей: https://github.com/polarblau/simpleslider