1

所以这更像是一个好奇的问题,而不是一个实际的问题,所以请多多包涵。我刚刚签出:

http://www.apple.com/iphone/

封面幻灯片对我来说真的很令人印象深刻。我不想复制它,但我只是对它的工作原理真正感兴趣。根据我的检查,他们只是使用了一堆定时的 webkit 转换/转换,但我不知道到底发生了什么。

此外,有没有一种简单的方法可以创建这种行为而无需对其进行硬编码,因为这就是我现在要做的。

4

3 回答 3

3

这是一个解释:http: //johnbhall.com/iphone-4s/

于 2012-02-20T04:28:38.703 回答
2

我只是在回答我自己的问题,因为除了硬编码之外,没有人能真正为我提供答案。我认为苹果只是在这方面付出了很多努力。我仍然对 css 过渡的复杂使用印象深刻,尤其是在对象将过渡到下一帧的地方

于 2011-10-12T18:26:39.417 回答
-1

这是一个带有源代码的工作演示。

基本上这个想法是,

  • 预加载所有图像

  • 有一个计时器,每 N 秒触发一次

  • 当计时器触发时,启动转换动画,将新图像滑入。


对这个想法的阐述允许您停止/反转/暂停/恢复,在一个周期后自动停止,等等。


这种效果的商品名是“滑块”。所以你可以用谷歌搜索滑块并找到很多讨论。有用于 jquery (nivoslider) 的滑块,有用于 mootools (slideitmoo) 的滑块,还有无框架选项(如我链接的 scriptiny 演示)等等。

于 2011-10-06T01:18:33.820 回答