jQuery анимировать слайдер событие onClick

Question

Я создаю слайдер с помощью функции jquery animate. Первое изображение перемещается влево и работает нормально. Но следующее изображение не быстро следует за первым изображением. Некоторое время он отображает пустой экран. Это то, что я пробовал до сих пор:

$('.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

Попробуйте этот легкий слайдер плагин jquery. Это решит вашу цель.

Answer 2

В вашем jsfiddle.net / cSVWv есть две ошибки, потому что у вас есть div со скрытым «следующим» классом, так как это не может вызвать событие «click».Другой - в изображении с классом ac_bgimage вам нужно положение относительно работ.

Смотрите мой пример здесь: http://jsfiddle.net/expertCode/tvaMK/