这几个index条件没看懂,老师能详细说下嘛

来源:5-1 事件参数

CloveZ

2019-05-07 22:15:10

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

写回答

2回答

好帮手慕夭夭

2019-05-08

你好同学,定义一个全局变量index用来记录图片的索引,swiper中就是通过索引值让对应图片显示。

http://img1.sycdn.imooc.com/climg/5cd24c190001127209160079.jpg

当点击键盘的左右箭头时,会切换上一张或者下一张图片。

例如如下keyCode 为37是左箭头,也就是切换上一张,那么索引就应该减去1,即每一次都执行index-- 。if条件的意思是,当index等于0的时候,说明切换到第一张了,再次切换上一张就切换到最后一张,由于索引从0开始的,例如有12张图片,最后一张图片索引就是11.所以获取a的长度(按钮的长度和图片的长度是一样的)减去1,就是最后一张图片的索引。

http://img1.sycdn.imooc.com/climg/5cd24a86000124e005010173.jpg

接下来就是点击下一张了,点击下一张的时候就是index++ .if判断当 $('a').length - 1表示切换到最后一张图片了,此时再次点击下一张,就重新切换到第一张显示了。所以if执行index=0让索引从第一张开始重新切换哦


http://img1.sycdn.imooc.com/climg/5cd24c610001f9f705240198.jpg

祝学习愉快 ,望采纳。

2

CloveZ

提问者

2019-05-08

老师说的很详细

0

0 学习 · 36712 问题

查看课程