0

我正在尝试用动画滑动背景图像。如果我的第一个背景图像是我想要的。第二个将继续开始

这是我的代码

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

因为第一张图片工作正常，但它显示空白屏幕。在这个空白屏幕中，我想要第二个即将到来的屏幕

提前致谢

4

1 回答 1

0

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

动画完成后调用回调。根据您的代码，您应该看到第一个图像向左移动，一旦它“消失”，第二个图像应该弹出到它的原始位置。由于图像标签一次只能保存一个来源，因此无论您采用何种方式，您都无法摆脱这种“差距”。

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

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

于 2011-09-28T05:46:38.067 回答