使用计时器的Javascript幻灯片

时间:2014-10-19 15:27:02

标签: javascript html timer slideshow src

我显然有点笨蛋。我一直试图将其作为一个onload幻灯片放映,随机循环播放一些图像。我在这里看了四个不同的问题,关于如何使用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>

1 个答案:

答案 0 :(得分:2)

替换以下行

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

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

我假设slideShow引用了img tag id。