【发布时间】：2012-01-02 14:02:58
【问题描述】：
尝试通过 JavaScript 将 CSS3 转换应用于幻灯片时，我头疼不已。
基本上，JavaScript 会获取幻灯片中的所有幻灯片并将 CSS 类应用于正确的元素以提供漂亮的动画效果，如果不支持 CSS3 过渡，它只会应用没有过渡的样式。
现在，我的“小”问题。 所有工作都按预期工作，所有幻灯片都有正确的样式，代码运行没有错误（到目前为止）。 但是，即使应用了正确的样式，指定的过渡也不起作用。 此外，当我自己通过检查器应用样式和过渡时，它们会起作用。
由于我自己找不到合乎逻辑的解释，所以我认为这里有人可以回答，好吗？
我整理了一个小例子来说明现在的代码： http://g2f.nl/38rvma
【问题讨论】：
-
打开来自未知来源的不受信任的文件真的没那么有趣。换个漂亮的保险箱jsfiddle.net 怎么样？
-
它只是一个 ZIP 文件，我也不相信 JSfiddle 支持图像。而且我相信这个网站的用户足够聪明，不会从 html 文件中感染病毒 :-)
-
使用 jsfiddle（或类似服务）的方式将代码附加为 zip 不会让您使用 jsfiddle（或类似的服务） - 并且不它不支持图像，但是您始终可以将它们上传到其他地方并且链接到该位置...无论哪种方式 - 互联网都让用户反对盲目接受 zip 文件...即使来自受信任的来源..
-
如果您需要图片托管，只需use Stack Overflow's imgur account。
标签： javascript css slideshow slide css-transitions