Javascript 使用左右导航按钮选择不同的div帧

功能：

用户可以自由地在可用于图片拍摄的两个帧之间导航。因此，在第一帧中，当用户单击右按钮时；Leftbutton隐藏，第二帧将淡出，而第一帧将淡出。此外，当用户处于第二帧并且需要导航回第一帧时，用户将单击左按钮；然后，右按钮将被隐藏，第二帧将淡出，而第一帧将淡出

所做的工作：

我已经创建了两个帧以及左按钮和右按钮的方法调用

问题:

在第一帧中，左箭头仍然是隐藏的，因为我为左箭头设置了class=hidden。但是，当用户导航到第二帧时，左箭头仍然隐藏，而右箭头在应该隐藏时仍然显示

因此，如何设置2帧的条件检查，以便当用户导航到第二帧时，右箭头隐藏，只有左箭头显示，而在第一帧中，右箭头显示，左箭头隐藏

左函数{ $'Photoframe02'。淡出{ 持续时间：幻灯片教学， 队列：false }; $'Photoframe02'。设置动画{ “左”：“1921px” }, { 持续时间：幻灯片教学， 放松：“放松”夸脱， 队列：false }; $'Photoframe01'.fadeIn{ 持续时间：幻灯片教学， 队列：false }; $'Photoframe01'。设置动画{ “左”：“0px” }, { 持续时间：幻灯片教学， 放松：“放松”夸脱， 队列：false }; } 功能权{ $'Photoframe01'。淡出{ 持续时间：幻灯片教学， 队列：false }; $'Photoframe01'。设置动画{ “左”：“1921px” }, { 持续时间：幻灯片教学， 放松：“放松”夸脱， 队列：false }; $'Photoframe02'.fadeIn{ 持续时间：幻灯片教学， 队列：false }; $'Photoframe02'。设置动画{ “左”：“0px” }, { 持续时间：幻灯片教学， 放松：“放松”夸脱， 队列：false }; } //我认为这是一个错误的方法调用来检查帧，因为两个ID都不同 功能检查框架页{ 如果$Photoframe01.turnpage=2{ //如果我们当前所在的页面不是第一页，请显示“后退”按钮 $LeftSide.removeClasshidden； $RightSide.addClasshidden； console.logRoleModels左侧显示； } } .隐藏{ 显示：无； }

---

我已经解决了我自己的问题

我采用了在每个导航按钮上附加索引的方法。其次，我将可用帧放入一个数组中，这样就可以从列表中调用它。因此，我觉得这种方法更简单、更干净

var selectedFrameIndex=1； var framelist=[Photoframe01.png，Photoframe02.png，Photoframe03.png，Photoframe04.png]； 函数selectFrameflag{ 如果标志==1{ selectedFrameIndex-； }如果标志==2，则为else{ selectedFrameIndex++； } 如果选择了FrameIndex framelist.length{ selectedFrameIndex=1； } $Photoframe.attrsrc，lib/Photoframe0+selectedFrameIndex+.png； }

---

我已经解决了我自己的问题

我采用了在每个导航按钮上附加索引的方法。其次，我将可用帧放入一个数组中，这样就可以从列表中调用它。因此，我觉得这种方法更简单、更干净

var selectedFrameIndex=1； var framelist=[Photoframe01.png，Photoframe02.png，Photoframe03.png，Photoframe04.png]； 函数selectFrameflag{ 如果标志==1{ selectedFrameIndex-； }如果标志==2，则为else{ selectedFrameIndex++； } 如果选择了FrameIndex framelist.length{ selectedFrameIndex=1； } $Photoframe.attrsrc，lib/Photoframe0+selectedFrameIndex+.png； }

---

@阿尔瓦罗弗拉尼奥拉隆多，好的。但是导航箭头仍然提出了同样的问题，只要我一拿到电脑，我就会尽力帮助你。@AlvaroFlañoLarrondo好的，我已经设法解决了我的问题，但是，如果你有比我得出的更好的解决方案的话。也许你可以在这里分享。更新、更简单、更清晰的编码总是值得学习的。Thanks@AlvaroFla尼奥拉隆多好。但是导航箭头仍然提出了同样的问题，只要我一拿到电脑，我就会尽力帮助你。@AlvaroFlañoLarrondo好的，我已经设法解决了我的问题，但是，如果你有比我得出的更好的解决方案的话。也许你可以在这里分享。更新、更简单、更清晰的编码总是值得学习的。谢谢