通过点击切换图片如何实现,老师我一点思路都没有

通过点击切换图片如何实现,老师我一点思路都没有

//图片对应变动

function changeImg(){

if(navs[0]){

bannerImg[1,2,3].style.dispaly = "none";

bannerImg[0].style.dispaly = "block";

}else if(navs[1]){

bannerImg[0,2,3].style.dispaly = "none";

bannerImg[1].style.dispaly = "block";

}

}

addHandler(navs[0],"click",function(){

changeImg();

});

addHandler(navs[1],"click",function(){

changeImg();

});


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,因为获取的图片是按照顺序排列的,所以索引0,bannerImg[0]获取的也就是第一张。

祝学习愉快!

好帮手慕星星 2020-06-28 17:17:41

同学你好,可以使用for循环完成。参考思路:

1、在循环中给每个选项卡绑定id属性,值为循环的索引

2、给每个选项卡绑定点击事件,点击的时候获取当前选项卡的id属性值(索引),然后获取指定索引的图片显示。前提是所有的图片都隐藏,指定的图片显示。

自己试着写一写,如果还有问题可以将自己修改后的代码粘贴上来,以及html,css代码。老师帮助测试解决。

祝学习愉快!

  • 提问者 个砸居 #1
    老师还有个小疑问,index=0;代码它是如何知道对应的是哪张图片?
    2020-06-29 09:24:23
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师