使用php中的jquery每5秒更换一次图片 [英] Changing pictures every 5 seconds using jquery in php
本文介绍了使用php中的jquery每5秒更换一次图片的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
请帮助我,我是jQuery的新手。
这是我的代码:
Please help me I am new in jQuery. here is my code:
<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。非常感谢
I want to change the picture from default.jpg to a.jpg. then a.jpg to to b.jpg and so on, every 5 seconds. using jquery. Thanks a lot
推荐答案
<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>
这篇关于使用php中的jquery每5秒更换一次图片的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文