简单的滑块 jquery 背景图像

Question

我正在尝试用 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

我不完全确定我的理解是否正确，但这里有一些想法：

动画完成后调用回调。根据您的代码，您应该看到第一个图像向左移动，一旦它“消失”，第二个图像应该弹出到原来的位置。由于图像标签一次只能容纳一个源，因此无论如何您都无法消除这个“间隙”。

在这种情况下，用 em 制作动画可能是一个糟糕的选择，我会尝试使用 px 值。如果它是动态值，请使用例如 .width() 读出它。

如果您只想进行简单的图像旋转，有一百万个 jQuery 插件可以做到这一点。我自己不久前写了一个非常小的解决方案，也许代码可以给你一些指导： https://github .com/polarblau/simpleslider