文章/答案/技术大牛

发布

社区首页 >问答首页 >javascript中的"Uncaught : object不是函数“错误

问javascript中的"Uncaught : object不是函数“错误
EN

Stack Overflow用户

提问于 2014-05-10 19:50:24

回答 2查看 882关注 0票数 0

我有个小问题。我想显示一个幻灯片，但图像不移动。当我在控制台中检查它时，我会得到错误。

Uncaught : object不是函数

有人能帮帮我吗？

以下是我的javascript代码：

        var step=1;
 var images = [
"5c.jpg",
"5s.jpg",
"a65.jpg"

]；

变量幻灯片=document.getElementById(‘幻灯片’)；

 function slide(){   
    slideshow.src = images[step];
    if(step<3){
        step++;
    }
    else
        step=1;
    setTimeout("slide()",2500); 
 }

我的html文件：

<html>
    <body>
        <img src="C:\Users\M.OAN\Desktop\Pics\Slideshow\5c.jpg" alt="images" name="slide" id="slideshow" onload="slide();"/>     
    </body>
</html>

javascript

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-05-10 20:06:06

您可以使用图像路径创建Array，然后通过它进行迭代：

HTML：

<img id="slideshow" src="http://placekitten.com/50/50" alt="images" name="slide"/>

联署材料：

var images = [
    "http://placekitten.com/100/100",
    "http://placekitten.com/100/50",
    "http://placekitten.com/50/100"
];

// get image element
var slideshow = document.getElementById('slideshow');

// in arrays index starts from 0
var step = 0;

setInterval(function(){

    slideshow.src = images[step];

    if( step < images.length-1 ){
        step++;
    } else {
        step = 0;
    }    

}, 2500 );

演示小提琴

顺便说一句，我建议您使用相对路径而不是绝对路径，因为当您尝试部署站点时可能会遇到问题：

"Pics/Slideshow/5c.jpg"

而不是

"C:/Users/M.OAN/Desktop/Pics/Slideshow/5c.jpg"

票数 1

Stack Overflow用户

发布于 2014-05-10 21:16:53

从篡改开始，原始错误的来源是标签和函数的名称是相同的。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/23585588

复制

相似问题

问javascript中的"Uncaught : object不是函数“错误
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问javascript中的"Uncaught : object不是函数“错误EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问javascript中的"Uncaught : object不是函数“错误
EN