Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/468.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在php中使用jquery每5秒更改一次图片_Javascript_Php_Jquery_Html - Fatal编程技术网

Javascript 在php中使用jquery每5秒更改一次图片

Javascript 在php中使用jquery每5秒更改一次图片,javascript,php,jquery,html,Javascript,Php,Jquery,Html,请帮助我,我是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。非常感谢记住这一点 <script src="http://code.jquery.com/jqu

请帮助我,我是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。非常感谢

记住这一点

<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);
setInterval(函数(){
$('#img')。删除();
$('body')。前缀(“”);
},5000);
我不明白你想要什么,但它是如此的基本!您需要进一步了解jquery。。 您可以改进此代码。。这只是一个例子

把它放在头上

<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<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>

jquery代码

setInterval(function(){
$('#img').remove();
$('body').prepend('<img src="urlimgs" id="img">');
},5000);
setInterval(函数(){
$('#img')。删除();
$('body')。前缀(“”);
},5000);
我不明白你想要什么,但它是如此的基本!您需要进一步了解jquery。。 您可以改进此代码。。这只是一个例子


<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>
$(函数(){ //使用img URL准备数据数组 var dataArray=新数组(); dataArray[0]=“images/img1.png”; dataArray[1]=“images/img2.png”; dataArray[2]=“images/img3.png”; dataArray[3]=“images/img0.png”; //5秒后以id=0开始 var-thisId=0; setInterval(函数(){ $('#thisImg').attr('src',dataArray[thisId]); thisId++;//增量数据数组id 如果(thisId==3)thisId=0;//从头开始重复 },5000); });

$(函数(){
//使用img URL准备数据数组
var dataArray=新数组();
dataArray[0]=“images/img1.png”;
dataArray[1]=“images/img2.png”;
dataArray[2]=“images/img3.png”;
dataArray[3]=“images/img0.png”;
//5秒后以id=0开始
var-thisId=0;
setInterval(函数(){
$('#thisImg').attr('src',dataArray[thisId]);
thisId++;//增量数据数组id
如果(thisId==3)thisId=0;//从头开始重复
},5000);        
});

您具体的编程相关问题是什么?请阅读常见问题解答。表现出一些努力,人们会帮助你。你具体的编程相关问题是什么?请阅读常见问题解答。表现出一些努力,人们就会帮助你。谢谢你@archios这帮了我很多。我只想以缓慢淡入的方式显示图像。可能吗?只需修改内部setInterval函数,即可使用jq动画更改图像(如fadeIn和。您也可以使用jq animate函数。对于fadeOut fadeIn,更改后的代码如下:$('#thisImg')。fadeOut(函数(){$('#thisImg')。attr('src',dataArray[thisId]);thisId++;如果(thisId==3)thisId=0;$('#thisImg').fadeIn();});记住预加载图像(google:preload images jquery)感谢您的帮助:)非常感谢@archios这帮我的忙。我只想以缓慢淡入的方式显示图像。可能吗?只需修改内部setInterval函数,即可使用jq动画更改图像(如fadeIn和。您也可以使用jq animate函数。对于fadeOut fadeIn,更改后的代码如下:$('#thisImg')。fadeOut(函数(){$('#thisImg')。attr('src',dataArray[thisId]);thisId++;如果(thisId==3)thisId=0;$('#thisImg').fadeIn();});请记住预加载图像(谷歌:预加载图像jquery)谢谢您的帮助:)