使用JS数组的幻灯片放映

乳茶

该代码未加载图像,需要任何改进吗?图片网址存储在数组中以便访问我们需要的东西吗?

<script>
    var images = ["lap2.png", "lap1.png", "tv1.png", "tv2.png"];
    var i;

    function slides() {
        for (i = 0; i < 4; i++) {
            setInterval(function() {
                document.getElementById('slider').src = "" + images[i];
            }, 8000);
        }

    }
</script>
<!--HTML CODE-->
<p id="slide"><img src="lap1.png" id="slider" onload="this.onload=null; 
this.src=slides();" multiple>
</p>
Daniil Loban |

 var images = ["1.png", "2.png", "3.png", "4.png"];
 let i=0;
 setInterval(function() {
   i = i < images.length -1 ? i + 1 : 0; 
   document.getElementById('slide').src =  `http://placehold.it/300x150?text=${images[i]}`;
 }, 1000);
<img id="slide" src="http://placehold.it/300x150?text=1.png"></img>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用JS数组的幻灯片放映

来自分类Dev

高效的js图像幻灯片放映

来自分类Dev

在幻灯片放映中使用StopInterval()

来自分类Dev

使用JavaScript的幻灯片放映

来自分类Dev

使用jQuery在幻灯片放映中的FadeIn()图像

来自分类Dev

尝试使用:not选择ID并关闭相应的幻灯片放映

来自分类Dev

如何使用Chromecast进行幻灯片放映

来自分类Dev

Jupyter Notebook幻灯片放映离线

来自分类Dev

带引导的幻灯片放映

来自分类Dev

带按钮的自动幻灯片放映

来自分类Dev

幻灯片放映中的多个图像

来自分类Dev

网页中的JavaScript幻灯片放映

来自分类Dev

JavaScript幻灯片放映以随机顺序

来自分类Dev

幻灯片放映不正确

来自分类Dev

侏儒,锁屏幻灯片放映

来自分类Dev

android中的幻灯片放映

来自分类Dev

图像幻灯片放映和 IF 条件

来自分类Dev

如何自动幻灯片放映

来自分类Dev

如何停止幻灯片放映?

来自分类Dev

CSS幻灯片放映(不同的幻灯片时间)

来自分类Dev

周期2同步幻灯片放映,幻灯片放映之间有延迟

来自分类Dev

通过数组迭代更新ngIf。进行简单的幻灯片放映

来自分类Dev

jQuery幻灯片放映可离线使用,但不能在线使用

来自分类Dev

当我使用JavaScript事件时,自动幻灯片放映不会停止

来自分类Dev

如何使用ASP.NET Repeater进行幻灯片放映

来自分类Dev

如何在幻灯片放映中使用框阴影来柔化/羽化图像边缘?

来自分类Dev

使用C#在asp.net中幻灯片放映

来自分类Dev

使用ng隐藏动画创建简单的幻灯片放映效果

来自分类Dev

使用下一个按钮进行z-Index幻灯片放映