html - 开始制作 360 度网站的最佳方式

标签 html css 360-degrees

我是 HTML/CSS 的新手,我想直接从 HTML5 开始,所以有人可以解释一下这个网站是如何运作的吗? http://www.360langstrasse.sf.tv/page/

它是持续从服务器加载图像,它只是重新渲染图像还是在玩图像位置

PS :像菜单一样出现在页面上的气球(菜单)我该如何实现,我应该只使用 JavaScript 更改它们的位置吗?

[编辑] http://jquery.vostrel.cz/reel#how - 我刚找到那个插件,这是否意味着它可以解决问题?

最佳答案

它通过一些非常复杂的 JavaScript 不断地从服务器加载图像。

如果您使用谷歌浏览器并打开开发者工具,当您在网站上滚动时,您可以在网络选项卡中看到这种情况。

更新

这个文件特别有趣: http://360langstrasse.srf.ch/js/mine/ProgressiveImageSequence.class.js

关于html - 开始制作 360 度网站的最佳方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8433267/

相关文章:

html - 如何定位:before & :after pseudo-elements on top of each other?

javascript - 更改输入背景而不更改默认边框

image - 如何在我的应用程序中添加 360 度查看器模块?

html - 图片旁边的文字不适用于特定图片。为什么?

html - CSS 转换继承问题

css - Font Awesome : Why isn't my arrow icon loading on an :after instance?

youtube - 在360度和2D视频之间切换?

javascript - 苹果 360 示例

html - 子菜单没有下拉但出现在父菜单旁边

html - 内容下方的页脚,但如果内容不足,则不会漂浮在半空中