请问一下为什么index等于0就是第一张图,等于1就是第二张图,怎么联系起来的,不太理解

来源:3-5 图片的自动轮播和停止

qq_慕设计1529493

2019-06-12 17:52:52

请问一下为什么index等于0就是第一张图,等于1就是第二张图,怎么联系起来的,不太理解

写回答

3回答

好帮手慕柯南

2019-06-14

同学你好!

  1. 首先来看一下pics中的内容,可以看到pics的内容为id="banner"的div下的div的一个数组(也就是包含背景图片的div)

    http://img.mukewang.com/climg/5d035b43000110e803670197.jpg

  2. 在来看index的值,在最开始设置了index=0;size为pics的长度,在定时其中对index的值进行了变化和限制。并在定时器中调用了 changeImg();

    http://img.mukewang.com/climg/5d035c3e000123cb05840458.jpg

  3. 再来看一下 changeImg();之前说过pics相当一个数组,所以pics[index],当index为0,其实相当于第一个元素,也就是第一个包含背景图的图片;所以index=0表示第一张,1表示第二张

    http://img.mukewang.com/climg/5d035e430001098603410134.jpg

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~


0

好帮手慕阿满

2019-06-12

同学你好,在html中添加<script src="js/script.js"></script>这句代码引入js文件。

pics = byId("banner").getElementsByTagName("div");这句代码是获取id为banner的div。设置index就是一个索引,用来表示第几张图片的,0就表示第一张,依次论推,当index>pics.length,即图片的张数后,将其重新赋值为0。 pics[index].style.display = "block";表示将index索引值的banne显示为块级元素,而其他的banner样式为none不显示,这样就完成了图片的切换。

http://img.mukewang.com/climg/5d00d8950001eae807190297.jpg

如果我的回答解决了你的疑惑,请采纳。祝:学习愉快~

0
hq_慕设计1529493
h 我就是不理解为什么只是简单的设置了一个变量,就可以做到0表示第一张,1表示第二章
h019-06-14
共2条回复

qq_慕设计1529493

提问者

2019-06-12

 pics = byId("banner").getElementsByTagName("div")

//根据index索引找到当前的div,将其显示出来

   pics[index].style.display = "block";

就是这里,不懂js怎么和html联系起来的

0

0 学习 · 9666 问题

查看课程