Question

请帮助我，我是jQuery的新手。这是我的代码：

<img src="default.jpg" />
<img src="a.jpg" />
<img src="b.jpg" />
<img src="c.jpg" />

我想将图片从default.jpg更改为a.jpg。然后a.jpg到b.jpg等等，每5秒钟一次。使用jquery。非常感谢

Answer 1

<img id="thisImg" alt="img" src="images/img0.png"/>
<script type="text/javascript">
    $(function(){
        //prepare Your data array with img urls
        var dataArray=new Array();
        dataArray[0]="images/img1.png";
        dataArray[1]="images/img2.png";
        dataArray[2]="images/img3.png";
        dataArray[3]="images/img0.png";

        //start with id=0 after 5 seconds
        var thisId=0;

        window.setInterval(function(){
            $('#thisImg').attr('src',dataArray[thisId]);
            thisId++; //increment data array id
            if (thisId==3) thisId=0; //repeat from start
        },5000);        
    });
</script>

Answer 2

将此设置为头

<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>

jquery代码

setInterval(function(){
$('#img').remove();
$('body').prepend('<img src="urlimgs" id="img">');
},5000);

我不明白你想要什么，但它是如此基本！您需要了解有关jquery的更多信息.. 你可以改进这个代码..它只是一个例子

使用php中的jquery每5秒更换一次图片

2 个答案: