这个Skrollr 3D旋转效果是如何实现的？

Question

我是一个相当新的，仍在学习的开发人员，今天我遇到了引起我兴趣的网站。 http://www.lobagola.com/我查看了源代码并查看了开发人员使用和发现Skrollr的脚本。

他使用了什么样的图像？它们只是普通的静态图像还是某种我不熟悉的3D图像，如何使用Skrollr实现这种效果？我已阅读文档，我不相信我遇到过这样的例子。

Answer 1

当处于相同的情况时，我通常使用 F12 打开我的Internet Exploer的开发人员工具（是的，是的...其他浏览器也有类似的工具来执行此操作，您可能需要查看一下）并转到“网络”选项卡，该选项卡允许您跟踪当前网页导致的所有网络活动。

启用后（绿色“播放”图标），我按 Ctrl + F5 强制重新加载整个页面。

之后，我只需浏览所有加载的文件，看看我是否能找到我想要的东西。您不必阅读代码或解释任何内容。在这个例子中，我一直在寻找一个电影文件或类似的东西。

显然不需要HTML5，此页面使用"sprite sheet" with the different frames of these animated transitions。

还有单个图像，显然用作占位符和后备。

滚动浏览幻灯片时，页面将计算0和图像文件中帧数之间的索引并显示（使用CSS格式剪切）。