问题标签 [orbit]

我希望能够淡入我的 .orbit-caption 中的某些单个元素（例如 h2 或按钮）。我已经尝试将 CSS3 应用于 .orbit-caption 和单个元素，但没有任何效果......有什么想法吗？

示例标记（淡入淡出应用于 .orbit-container）如下。

问题是当用户第一次访问该站点时，滑块没有正确显示。在测试滑块工作正常。

或者实际上存在问题，即在第一次访问页面时它不会加载，但会在您刷新页面时（且仅当）显示。但否则会显示滑块但不会显示图像

我查看了 Zurb 在Zurbs documentation for the Orbit slider 的文档，他们有一个示例文件，该原始演示文件在图像上方有一个链接（我删除了）

然后，我使用关键字“轨道预加载图像”在 Google 上搜索了更多关于此主题的短语，并找到了一个具有预加载功能的解决方案。下面是我用来预加载的代码（我只修改了图片的路径）

我继续添加脚本，但它仍然没有加载。该页面的完整代码可在GitHub 上的 Gist中查看

图像滑块的设置代码可在GitHub 上的 Gist中查看

该站点托管在不支持 php 的 .net 环境中的服务器上。

我正在使用 Foundation 4 框架。我一直试图将 Orbit 幻灯片包含到我的网站中，但我似乎无法让它工作。

所以我按照Foundation 文档中的步骤进行操作。我已经包含了所有必要的脚本

然后我尝试添加一个简单的幻灯片

但是，我得到的不是生成幻灯片，而是一个未编号的列表。我三次检查以确保我没有拼错任何东西。这是我得到的一个例子。

我正在尝试使用我在这个问题中找到的脚本在 Foundation 3 中运行 Orbit，但我无法让它正确初始化。我在页脚中添加了这个脚本，在页眉中添加了 Foundation.min.js。我在控制台的第 3 行收到 no method 'foundation' 错误，它不起作用。

我添加了动画速度，并且可以在悬停时暂停；但是，我很好奇使用 JS 是否能够在某个幻灯片上暂停，或者至少在某个时间暂停。有什么建议吗？

谢谢！

我在 Foundation 4 中使用 Orbit 并希望完全禁用计时器功能，因此幻灯片只能由用户手动推进。这可能吗？

我正在使用 Orbit 滑块http://www.zurb.com/playground/orbit-jquery-image-slider插件，这似乎是一个非常好的滑块。但不幸的是，我无法使滑块灵活地进行自适应设计，我已经尝试了几乎所有它不起作用的东西。

在此处下载http://matt.zurb.s3.amazonaws.com/orbit-1.2.3.zip

我的滑块目前位于 80% 宽度的包装器中

我想让滑块流畅地改变宽度。我可以更改下 css 中滑块的宽度div.orbit-wrapper和下图像的大小，.orbit img但是当将图像的宽度设置为img百分比时，图像消失，并且在开发人员收费上说它的宽度和高度为 1px –</p>

我尝试以下方法：

一个ul用于链接，另一个用于幻灯片

要单击“下一步”的字段

我点击“orbit-next”来转发幻灯片。

使用 JQuery 我检查#infoslider li data-orbit-slide- 属性。如果它是空的，它会向上遍历，直到找到一个字符串。然后它添加相应ul.infoslide li的活动类。

这几乎可以正常工作。但：

1. ul.infoslider li 总是“落后”。即当幻灯片img3.png 出现时，活动类仍在“slidegroup1”上。直到“img4.png”出现“slidegroup2”才获得活动类。为什么？它与 JQuery/Orbit-Slider/my JQuery 执行的事件顺序有关吗？
2. 有没有更简单的方法来实现我想要的？

在此先感谢您的帮助。

好吧，这有点烦人，当我尝试缩小时，我的对象开始消失，然后变黑并与背景合并，所以我不能尽可能地缩小，我正在使用 OrbitBehavior 并设置边界然后我将它稳定到我的宇宙的观察平台上，如下所示：

有任何想法吗？

问候！

我使用foundation4 orbit插件来显示图片库。

它目前的工作方式是：

（1）使用AJAX动态加载图片列表，AJAX调用轮询周期为1秒

(2) 通过 $(document).foundation() 在 AJAX 成功回调中使用上述结果更新滑块，这将正确显示轨道滑块

问题是：

AJAX 回调将多次调用 $(document).foundation()，每次它都会创建一个新滑块并与现有滑块重叠。我应该怎么做才能更新当前的轨道滑块，而不是创建一个新的？

测试