0

我正在尝试使用 jQuery 以设置顺序交换元素的背景图像以创建动画，其中每个图像都是不同的帧，它应该遍历帧，直到到达最后一帧，然后再次返回开始。

我的代码如下：

$spinner_currentFrame = 1;

            function UpdateSpinner(target, numFrames)
            {
                $spinner_currentFrame = ($spinner_currentFrame) + 1;
                if($spinner_currentFrame > numFrames) {
                    $spinner_currentFrame = 1;
                }
                $(target).css("background-image", "frame-" + $spinner_currentFrame + ".jpg");
            }

            $(document).ready(function()
            {
                $spinner_loadingAnim = setInterval(function ()
                {
                    UpdateSpinner('#spinner', 300);
                },
                24);
            });

我不使用精灵的原因是因为我有几百张图像，并且帧已经从 Flash 中导出，例如frame-1.jpg, frame-2.jpg. 但是我的代码没有报告任何错误，但没有添加背景图像......有什么想法吗？建议？

谢谢

4

3 回答 3

1

background-imagecss 属性需要用url("/path/frame-1.jpg").

$(target).css("background-image", "url('frame-" + $spinner_currentFrame + ".jpg')");
于 2012-10-17T13:28:11.927 回答
0

也许我错了，但不是必须像

$(target).css("background-image", "url(frame-" + $spinner_currentFrame + ".jpg)");
于 2012-10-17T13:29:04.913 回答
0 
 $(target).css("background-image", "url('frame-" + $spinner_currentFrame + ".jpg')");

像问题Setting background-image using jQuery CSS property

编辑错字

于 2012-10-17T13:32:57.193 回答