gpt4 book ai didi

使用计时器的 Javascript 幻灯片放映

转载 作者:行者123 更新时间:2023-12-02 16:52:39 26 4
gpt4 key购买 nike

我显然是个笨蛋。我一直在尝试将其作为加载幻灯片来工作,该幻灯片将随机循环显示一些图像。我在这里浏览了四个不同的问题,涉及如何使用 javascript 更改 src 属性,我认为我已经避免了这些问题中提到的所有问题。 HTML 调用 SlideShow() 函数,但对于我来说,我实际上无法让 src 更改并显示在页面上。有人可以帮我弄清楚我做错了什么吗?

<script><!--

function slideShow()
{
window.setInterval("changeImage()", 5000);
}

function changeImage()
{
var imgSrcs["images//traps//1.jpg",
"images//traps//2.jpg",
"images//traps//3.jpg",
"images//traps//4.jpg"]
var i = Math.floor((Math.random() * 3));
var element = document.getElementById("slideShow").src;
element.innerHTML.src= imgSrcs[i];
}
--></script>

与之相关的 HTML 元素是:

    <p><img src = "images//traps//1.jpg" alt = "Traps available for use" id = "slideShow"></p>

最佳答案

替换以下行

var element = document.getElementById("slideShow").src;
element.innerHTML.src= imgSrcs[i];

var element = document.getElementById("slideShow");
element.src= imgSrcs[i];

我假设slideShow引用的是img标签id。

关于使用计时器的 Javascript 幻灯片放映,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26452053/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com