Javascript 动态缩略图HTML？

所以，我正在为一个朋友做一些PSD到HTML的转换，除了我在这方面还远远不够。 我正在尝试编码下面的图像。当点击一个不同的图标时，你会得到一个不同的时间线。我不擅长Javascript，所以想知道这在HTML/CSS中是否可行，如果可行，如何实现？有基本的例子吗？教程？（我不确定我应该寻找什么，所以我的研究并不容易）

---

非常感谢您的任何帮助

我不确定您是否可以使用HTML和CSS，但使用Javascript很容易。您可以在这里找到教程和示例：

前几天我看到了这一点，这可能是单选按钮的初衷的延伸，但它是一个简单的无javascript解决方案，值得一试：）

基本上，这个想法是，您可以使用单选按钮的选定状态，隐藏加载中的元素，并使用“：checked”伪选择器来显示它们，因为一次只能选择单选组中的一个元素，这就完成了工作

---

同样，这是控件最初意图的延伸，但确实是一个很酷的技巧：）

是的，我以前听说过：）有一个很小的工具提示（比如当你在第二个块的紫色线上悬停时）花了我三个小时的工作。（我似乎不明白为什么它在其他地方不起作用）。不过我会查一查的！谢谢。好吧，这看起来很简单！如果Javascript不起作用，我会试试这个。谢谢你们的回答！这在InternetExplorer中不起作用。这更像是一种黑客行为，不是一个真正的解决方案，如果我是你，我会选择JS