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

容易滑块jquery为背景图象

1 个答案: