问题标签 [orbit]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
241 浏览

html - 跨浏览器使图像和滑块居中

现在我的轨道滑块工作得几乎完美,我发现了一个新问题。我正在使用 chrome 作为主浏览器的 13 英寸 macbook pro。在 chrome 中一切看起来都很好。但是我做了一个浏览器测试(在知名网站上),它告诉我在几个浏览器上我的滑块或页面没有像它应该做的那样居中。

现在我的问题,有人可以帮我解决这个问题吗?所以我的页面和滑块都居中。我正在使用由单个图像组成的网页,因为它只是一个小测试。但为了完成测试,它应该居中。

链接到该网站

CSS 来定位正文和内容(内容包含图像)

对于滑块

提前致谢

0 投票
4 回答
3193 浏览

javascript - 手动推进轨道滑块

我正在使用 Zurb 'Orbit' Javascript 滑块http://www.zurb.com/playground/orbit-jquery-image-slider,我想触发我自己的 javascript 以手动向左推进滑块或对。

基本上,我想用我的内容填充它,然后根据用户与整个页面的交互,让该内容“滑动”在视野之外,而不仅仅是计时器功能或点击导航图像图书馆提供。

因此,如果我有一个名为“myLink”的链接,那么像这样......

如果做不到这一点,我的“内容”将是一个 html 表单和其他类似的东西,有人知道一个很好的免费库,它已经可以满足我的需求了吗?

0 投票
1 回答
598 浏览

javascript - Foundation Framework Orbit 无法在幻灯片之间正确设置动画

我尝试将基础框架与轨道滑块一起使用,当我在浏览器上对其进行测试时,滑块会执行转换,但是动画没有被执行,只是从一个部分淡入到另一个部分。

只有当我尝试调整窗口大小时,它才能按预期工作。

经过进一步检查,显然当滑块尝试使用'horizo​​ntal-push'进行更改时,轨道滑块div的变量this.outerWIdth是1而不是div的实际宽度。

这是我使用轨道的功能滑块的标记。

代码结束这也是我正在调用的 Javascript。

我对代码做了什么,或者它真的是当前轨道脚本的错误吗?

谢谢。

0 投票
2 回答
1034 浏览

javascript - 基础 (3) 轨道图像滑块

我有以下代码用于 Foundation 3 中的图像滑块。

然后,在文件的末尾,我有以下 js 以使其工作。

当我加载页面一段时间后,两个图像都出现堆叠,直到它加载到 Orbit Slider 中。我真的很想最小化这一点,并且在加载滑块之前不显示图像。我有一个非常快速的 VPS 设置,这样的事情从来没有真正成为问题。那可能吗?

0 投票
1 回答
355 浏览

wordpress - Orbit wordpress 插件项目符号显示为缩略图导航

我正在使用轨道滑块(带有 wp 基础)并尝试显示项目符号导航。我真的想将子弹显示为缩略图,但现在它们不会以任何方式显示。我在 wordpress 仪表板的 Orbit 首选项中选择了项目符号,我在我的 js 文件和 css 中使用以下代码。感谢一些帮助。

0 投票
1 回答
549 浏览

jquery - 使用 ZURB Foundation Orbit 时未捕获的 TypeError

我正在使用ZURB Foundation 的 Orbit 图像滑块并尝试调用与afterSlideChange. 这是代码片段:

我收到以下错误:

你知道我做错了什么吗?

0 投票
0 回答
208 浏览

jquery - Orbit Slider with Wordpress - 每张幻灯片添加背景颜色淡入/淡出

我一直在搜索论坛和谷歌 3 小时......没有运气。

我正在使用 Orbit Slider Wordpress 插件,但是一切正常。

我想在 jQuery 文件中添加一个函数,该函数更改我添加的自定义 div 的背景颜色,ID 为slide-bgcolor-change。“如果有更好更简单的方法......我全神贯注”

这是我希望我的 div idslide-bgcolor-change通过 js 或查询执行的示例:

幻灯片 1 在 div id 中具有黑色背景色,slide-bgcolor-change 因为幻灯片 1 和黑色背景色淡出

幻灯片 2 淡入,背景色为蓝色

... 以此类推,最多 5 张幻灯片

我还没有对原始文件进行任何自定义。要查看我正在使用的文件,请转到此处

请帮忙。

0 投票
2 回答
989 浏览

c - 受限 3 体模拟无法正常工作

我目前正在尝试做一个任务,我必须为受限的 3 体引力问题编写一个模拟,具有两个固定质量和一个测试质量。我得到的关于这个问题的信息是:查看这个链接,这是我到目前为止的程序:

我的程序在一定程度上可以正常工作,但我遇到了一些奇怪的问题,希望有人能帮助我。

主要问题是,当测试质量到达其轨迹中的某个点时,它应该离开并开始围绕另一个质量运行,而不是沿着直线射向无穷远!起初我认为是质量发生碰撞,所以我进行了半径检查,但在某些情况下,这确实有效,在某些情况下,它不起作用,并且在某些情况下,质量在轨迹出错之前就更早发生了碰撞所以这显然不是问题。我不确定我是否已经解释得很好,所以这里有一张图片向您展示我的意思。(右边的模拟来自这里

线

然而,情况并非总是如此,有时不是直线前进,而是当它应该转到另一个质量时,轨迹会变得疯狂,就像这样: 疯狂的

我真的完全不知道发生了什么,我花了几天时间试图解决这个问题,但似乎无法到达任何地方,因此非常感谢任何帮助确定我的问题所在。

0 投票
3 回答
1035 浏览

jquery - 轨道图像显示在当前具有透明背景的轨道图像后面

如何防止 coffee.jpg 出现在 payme.png 后面?我第一次加载网页时得到的结果是两个图像,但是在我循环浏览它们之后,一旦咖啡.jpg 不再出现在后面。

这是相对的 test.html

和轨道.css

0 投票
3 回答
2254 浏览

zurb-foundation - Foundation Orbit 滑块,在小屏幕上显示导航

作为Zurb 基金会一部分的 Orbit 滑块似乎为hide-for-small导航添加了一个类。

我需要导航仍然显示,以便显示我的内容。我尝试删除hide-for-smalljquery.foundation.orbit.js 第 59 行中的包装器部分,但该类不断添加。

有谁知道如何删除它?