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