添加工作<a> inside a Keyframed Figure animation</a>

Question

背景

我试图创建一个包含多个链接的旋转图像横幅，每个链接都不同。 FIGURE设置在DIV内，该DIV嵌套在另一个A内，用于居中和定位。

当前的JSFiddle：

没有WebKits的

Available here。

问题：

虽然我尝试了几种组合，但在标记和CSS中，从来没有在任何图像中触发锚点（我还没有对悬停设置任何影响，也不会混淆代码）。我删除了锚点，这样你就可以在我做的测试之前看到基本代码。它现在可以作为完美的Pic幻灯片放映，是的，但这不是意图。

需要：

要知道如何处理{{1}}标记，以便分别处理每个图像，以便将PIC幻灯片转换为滑块的替代。

代码类型限制：

我不希望在解决方案中使用JQuery，只有CSS，HTML和最小的JavaScript，如果其他一切都失败

非常感谢