使用js链接css动画到html图片

问题遇到的现象和发生背景

用代码块功能插入代码，请勿粘贴截图

我想要达到的结果

请问大家，js要怎么写才可以把css放在.animation里面的动画连接到图片上，我只知道图片那里应该写的是

id="color_type" class="ball" onclick="function('this.color_type');">

假设动画在css里面放在了.animation里。
谢谢大家非常感谢

• 这个问题的回答你可以参考下: https://ask.csdn.net/questions/7748529
• 这篇博客你也可以参考下：html+css+js 实现图片轮播效果
• 这篇博客也不错, 你可以看下html+css+js 实现图片轮播效果