JavaScript幻灯片卡在第一张照片上

克里斯·贝西奇

我是一名Javascript初学者,尝试使用Javascript制作简单的幻灯片。从我完成的工作中,我只能生成五张图像中的一张。控制台说什么都没错,为什么其他图片无法显示,我却茫然不知所措。

<script>
    var images = new Array();
        images[0] = new Image();
        images[0].src = "burger1.jpg";
        images[1] = new Image();
        images[1].src = "burger2.jpg";
        images[2] = new Image();
        images[2].src = "burger3.jpg";
        images[3] = new Image();
        images[3].src = "burger4.jpg";
        images[4] = new Image();
        images[4].src = "burger5.jpg";


    var slide = 0;

    function next(){
        if (!document.images) {
          return document.getElementById('slideshow').src = images[slide].src
        }       
        if(slide < 5){
          slide++;
        } else{
            slide = 0;
          }
      setTimeout("next()",3000);
    }

    next();

</script>
</head>

<body>
<img src="burger1.jpg" id="slideshow" width=100 height=100 />

PS我不知道jQuery的。

Suchit kumar
if (!document.images) {
      return document.getElementById('slideshow').src = images[slide].src
    } 

这里是!document.images [object HTMLCollection],您仅在检查!此用途:

if(slide < 5){
          slide++;
        } else{
            slide = 0;
          }
      setTimeout(next,3000);
document.getElementById('slideshow').src = images[slide].src

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery幻灯片-上一张照片不会循环到带有动画的第一张照片

来自分类Dev

bxslider移动第一张幻灯片

来自分类Dev

BxSlider:最后一张幻灯片上的“下一张”->跳回到第一张幻灯片?

来自分类Dev

滑动滑块YouTube在最后一张和第一张幻灯片上出现故障

来自分类Dev

隐藏/禁用最后一张幻灯片上的“下一张”按钮和第一张幻灯片上的“上一张”按钮

来自分类Dev

如何在多标签页上的标签加载上显示第一张幻灯片

来自分类Dev

全屏菜单只在滑块的第一张幻灯片上工作,而不是在其他幻灯片上 - CSS、HTML

来自分类Dev

如何在幻灯片上显示6张照片而不是5张照片?

来自分类Dev

jQuery周期2:如何正确显示第一张幻灯片的索引?

来自分类Dev

manifest.js打印为pdf仅打印第一张幻灯片?

来自分类Dev

bxslider中的第一张幻灯片从容器的中间开始,不剩

来自分类Dev

防止滚动过去后滚动回到第一张幻灯片

来自分类Dev

转盘到达最后时返回第一张幻灯片

来自分类Dev

jQuery周期2:如何正确显示第一张幻灯片的索引?

来自分类Dev

在Easy Slider中更改第一张幻灯片的暂停时间

来自分类Dev

基金会去轨道第一张幻灯片

来自分类Dev

manifest.js打印为pdf仅打印第一张幻灯片?

来自分类Dev

第一张幻灯片后的字幕未显示为flexslider

来自分类Dev

photowipe - 单击外部元素时显示第一张幻灯片

来自分类Dev

Slick Carousel 重置为 Bootstrap 3 中的第一张幻灯片

来自分类Dev

禁用和启用轮播图标不适用于第一张和最后一张幻灯片之间的幻灯片 - Bootstrap

来自分类Dev

在第一张幻灯片上禁用上一个控件,在最后一张幻灯片上禁用下一个控件

来自分类Dev

选择单选按钮上的 Bootstrap 轮播无法在下一张幻灯片上工作,因为它在第一张幻灯片上工作正常

来自分类Dev

UI引导轮播第一张幻灯片不显示,然后在最后一张幻灯片时崩溃

来自分类Dev

如何修复Slick.js中的第一张幻灯片并从第二张幻灯片开始?

来自分类Dev

拍摄的第一张照片与第二张照片叠加在一起,或者在第二张照片等之后消失

来自分类Dev

创建一个JavaScript滑块;滑动动作在第一张幻灯片上不起作用,但是滑动动作在第二张幻灯片后起作用吗?

来自分类Dev

bxslider无限循环向左滚动到第一张幻灯片,而不是向右滚动

来自分类Dev

slick.js-为什么在使用引导行时会克隆第一张幻灯片?

Related 相关文章

  1. 1

    jQuery幻灯片-上一张照片不会循环到带有动画的第一张照片

  2. 2

    bxslider移动第一张幻灯片

  3. 3

    BxSlider:最后一张幻灯片上的“下一张”->跳回到第一张幻灯片?

  4. 4

    滑动滑块YouTube在最后一张和第一张幻灯片上出现故障

  5. 5

    隐藏/禁用最后一张幻灯片上的“下一张”按钮和第一张幻灯片上的“上一张”按钮

  6. 6

    如何在多标签页上的标签加载上显示第一张幻灯片

  7. 7

    全屏菜单只在滑块的第一张幻灯片上工作,而不是在其他幻灯片上 - CSS、HTML

  8. 8

    如何在幻灯片上显示6张照片而不是5张照片?

  9. 9

    jQuery周期2:如何正确显示第一张幻灯片的索引?

  10. 10

    manifest.js打印为pdf仅打印第一张幻灯片?

  11. 11

    bxslider中的第一张幻灯片从容器的中间开始,不剩

  12. 12

    防止滚动过去后滚动回到第一张幻灯片

  13. 13

    转盘到达最后时返回第一张幻灯片

  14. 14

    jQuery周期2:如何正确显示第一张幻灯片的索引?

  15. 15

    在Easy Slider中更改第一张幻灯片的暂停时间

  16. 16

    基金会去轨道第一张幻灯片

  17. 17

    manifest.js打印为pdf仅打印第一张幻灯片?

  18. 18

    第一张幻灯片后的字幕未显示为flexslider

  19. 19

    photowipe - 单击外部元素时显示第一张幻灯片

  20. 20

    Slick Carousel 重置为 Bootstrap 3 中的第一张幻灯片

  21. 21

    禁用和启用轮播图标不适用于第一张和最后一张幻灯片之间的幻灯片 - Bootstrap

  22. 22

    在第一张幻灯片上禁用上一个控件,在最后一张幻灯片上禁用下一个控件

  23. 23

    选择单选按钮上的 Bootstrap 轮播无法在下一张幻灯片上工作,因为它在第一张幻灯片上工作正常

  24. 24

    UI引导轮播第一张幻灯片不显示,然后在最后一张幻灯片时崩溃

  25. 25

    如何修复Slick.js中的第一张幻灯片并从第二张幻灯片开始?

  26. 26

    拍摄的第一张照片与第二张照片叠加在一起,或者在第二张照片等之后消失

  27. 27

    创建一个JavaScript滑块;滑动动作在第一张幻灯片上不起作用,但是滑动动作在第二张幻灯片后起作用吗?

  28. 28

    bxslider无限循环向左滚动到第一张幻灯片,而不是向右滚动

  29. 29

    slick.js-为什么在使用引导行时会克隆第一张幻灯片?

热门标签

归档