Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 按顺序使用jQuery交换图像_Javascript_Jquery - Fatal编程技术网

Javascript 按顺序使用jQuery交换图像

Javascript 按顺序使用jQuery交换图像,javascript,jquery,Javascript,Jquery,我正在尝试使用jQuery以设置的顺序交换元素的背景图像,以创建一个动画,其中每个图像都是不同的帧,它应该在帧中迭代,直到到达最后一帧,然后再次返回到开始 我的代码如下: $spinner_currentFrame = 1; function UpdateSpinner(target, numFrames) { $spinner_currentFrame = ($spinner_currentFrame) + 1;

我正在尝试使用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);
            });
我不使用sprite的原因是因为我有几百张图像,这些帧是从Flash导出的,比如
frame-1.jpg,frame-2.jpg
。但是,我的代码没有报告任何错误,但是没有添加背景图像。。。有什么想法吗?建议


谢谢

背景图像css属性需要设置
url(“/path/frame-1.jpg”)


也许我错了,但不一定是这样吗

$(target).css("background-image", "url(frame-" + $spinner_currentFrame + ".jpg)");
喜欢这个问题吗

编辑打字

$(target).css("background-image", "url(frame-" + $spinner_currentFrame + ".jpg)");
 $(target).css("background-image", "url('frame-" + $spinner_currentFrame + ".jpg')");