我有一个ID为header的div,ID是这个ID中发现的第一个每8秒更改一次的图像。图像名称为image1.jpg,在8秒钟后,id希望它将图像1更改为图像2,然后在另外8秒钟后恢复为图像1,依此类推。
在div等中查找第一个图像的路径是否有点冗长?我将如何处理其余部分?例如,让src每8秒更改一次?帮助备受赞赏的
您可以尝试
var $img = $('div#header img').first();
var flag = false;
setInterval(function(){
$img.attr('src', 'image' + (flag ? 1 : 2) + '.jpeg' );
flag = !flag;
}, 8000);
功能演示:Fiddle(注意:这不适用于图像,只是所用技术的演示。检查控制台以查看src
值)
假设第一个图像是image1.jpeg,那么在第一次运行时它是2,所以首先使用++i
递增,然后使用字符串中的var
var i = 0;
setInterval(function() {
if(i == 2) i=0;
$('#imageID').attr('src', 'image' + (++i) + '.jpeg' );
}, 8000);