当前位置：首页 → 问答吧 → js动态改变img src的参数

js动态改变img src的参数

时间：2011-11-28

来源：互联网

现在要动态切换img src里的参数
也就是说有三个图片，想轮流显示
我的想法是
var a,b,c;

a= "a.jpg ";
b= "b.jpg ";
c= "c.jpg ";

<img id= 'imgid ' src= 'a.jpg '>

现在我想通过这个imgid来动态切换src，想3秒钟切换一次，应该可以用setTimeout();

这应该不是难事，请大家帮个忙，我JS不精通。

作者: light86 发布时间: 2011-11-28

JScript code


var a=["a.jpg","b.jpg","c.jpg"],i=0;
function changeImg(){
imgid.src=a[i%3];
i++;
}
setInterval("changeImg()",3000);

作者: fxfeng2000 发布时间: 2011-11-28

JScript code


(function(){
        var pic=document.getElementById('imgid');
        var arr=['a','b','c'],n=0;
        (function(){
            pic.src='images/'+arr[n]+'.jpg';
            n=n<2?n+1:0;
            setTimeout(arguments.callee,3000);    
        })();
    })();

你的结贴率让人望而生畏啊

作者: bennman 发布时间: 2011-11-28

引用 1 楼 fxfeng2000 的回复:

JScript code

var a=["a.jpg","b.jpg","c.jpg"],i=0;
function changeImg(){
imgid.src=a[i%3];
i++;
}
setInterval("changeImg()",3000);

作者: shenzhenNBA 发布时间: 2011-11-28

1楼的可以

作者: licip 发布时间: 2011-11-28

引用 1 楼 fxfeng2000 的回复:

JScript code

var a=["a.jpg","b.jpg","c.jpg"],i=0;
function changeImg(){
imgid.src=a[i%3];
i++;
}
setInterval("changeImg()",3000);

+++

作者: hch126163 发布时间: 2011-11-28

引用 1 楼 fxfeng2000 的回复:

JScript code

var a=["a.jpg","b.jpg","c.jpg"],i=0;
function changeImg(){
imgid.src=a[i%3];
i++;
}
setInterval("changeImg()",3000);

作者: wis2007 发布时间: 2011-11-28

引用楼主 light86 的回复:
现在要动态切换img src里的参数
也就是说有三个图片，想轮流显示
我的想法是
var a,b,c;

a= "a.jpg ";
b= "b.jpg ";
c= "c.jpg ";

<img id= 'imgid ' src= 'a.jpg '>

现在我想通过这个imgid来动态切换src，想3秒钟切换一次，应该可以用setT……

作者: spc189168 发布时间: 2011-11-28

js动态改变img src的参数

热门阅读

热门下载