根据导航栏加载特定的幻灯片(DIV)并隐藏上一张幻灯片(DIV)?

时间:2019-02-05 19:21:31

标签: javascript html css twitter-bootstrap

不久前我问了一个类似的问题,但我自己解决了这个问题,我想重新回到网页设计作为一种爱好,但我很沮丧。

我正在尝试创建一种故事书/ PowerPoint效果,当按下next时,它将加载下一个div(.slide),并且上一张幻灯片将关闭。

Here's a code pen of what I have: (buggy on codepen for some reason)

如您所见,它是有效的,但效果不是很好。我对JavaScript很陌生,所以我很努力。我不确定为什么它在Codepen上表现不佳,但是在浏览器上可以工作(可能是一个不好的信号),但是您可以看到它的功能。

但是,我想为其添加更多功能/实用性,并希望能够使用“导航”侧边栏导航到特定的幻灯片。我这样做的方法意味着实际上无法指定幻灯片,因为已使用上一个/下一个按钮将其设置为活动状态。

任何帮助都将非常有用,一些可用的教程或先前的问题也会具有相同的预期效果(我已经尝试找到一些东西),或者只是将我的方向指向正确(我想确保我理解)< / p>

0 个答案:

没有答案