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

试试这个easy slider jquery插件。这将解决您的目的。

Answer 2

在jsfiddle.net/cSVWv中，您有两个错误，因为您隐藏了“下一个”类的div，因为这不可能触发“click”事件。另一种是，在'ac_bgimage'类的图像中，你需要相对于作品的位置。

请参阅我的示例：http://jsfiddle.net/expertCode/tvaMK/