问题标签 [orbit]

在我的 javascript 中，如果窗口是特定宽度，则将该data-orbit属性添加到我想要的滑块中。$(window).resize()这会在和上触发$(function(){})。

精简版...

如果您在窗口宽度符合条件的情况下加载页面，一切都会很好。如果您以正常的窗口宽度加载页面，然后调整媒体查询的大小，显然轨道没有与 dom 一起加载，因此没有滑块动画或动态添加的轨道 dom 元素。

我的问题是...

加载文档后，如何让轨道操纵 dom？或者这是不可能的？

谢谢，
赛斯

我对 Foundation 4 和 Orbit 插件有点陌生，但我不知道为什么 orbit 插件不会初始化。我已经安装了foundation 4的指南针版本。

zepto.js 和 jquery.js 位于 javascripts/vendor/，foundation.orbit.js 文件位于 javascripts/foundation/

现代化

轨道插件：

该页面可以在这里找到：http: //foundationtest.tx0rx0.com/tx0rx0/testpage.html

我脑子里已经有了modernizr，这是该部分在最后一个body标签之前的样子：

我敢肯定这很简单，但我看不到它，如果有帮助，我们将不胜感激。谢谢你。

错误信息 http://puu.sh/3ip7L

这个错误不断出现在我身上。如果我直接上传foundation.4.2 文件夹，index.html 文件运行良好，但是一旦我尝试从其他任何地方访问它们，就会出现轨道错误。

这是一些代码：

调用modernizr.js

获取 Zepto/jquery：

调用foundation.js和orbit.js

然后我初始化基础并调用 orbit.js。

然而由于某种原因，错误仍然存​​在。有人可以帮忙吗？

我无法弄清楚为什么滑块的性能与此处的文档页面上的不完全相同：http: //foundation.zurb.com/docs/components/orbit.html

我们的网站在 这里：

这是代码。我认为它应该是这个最小的标记，其余的东西应该在以后添加：

Javascript的初始化：

尽管我尽最大努力复制文档页面上的示例，但轨道图像滑块会同时从上到下显示所有图像，并带有项目符号和箭头。我犯了错误还是基础 4 文档中的示例有问题？

谢谢你！

我正在使用 zurb 基础轨道幻灯片。页面左右边缘的下一个和上一个按钮或链接是默认的黑色三角形。请看一下这个测试页面：

http://www.endsnore.com/_test1b/index.aspx

如何自定义下一个和上一个按钮或链接？如何添加我自己的箭头代码：‹ 和 › 或者添加我自己的自定义箭头图像

喜欢这里的橙色左右箭头：http: //www.getaveo.com/index.aspx

请提供确切的代码示例。我会很感激。非常感谢您！

我正在使用 Orbit 滑块，并希望从我的图像集合中随机选择显示的第一张图像，而不是代码中的指定顺序。

下面是滑块的链接和我的代码。http://zurb.com/playground/orbit-jquery-image-slider

jQuery

HTML

我对轨道滑块图像的宽度有疑问。我的图像宽度为 1600 像素，但显示器的分辨率可以更高 - 例如 1680 像素。是否可以将图像的大小拉伸到屏幕的 100%（在本例中为 1680 像素）？

我的代码是标准的，如下所示：

谢谢你的帮助。

阿德里安

我一直在尝试将 zurb 基础 Orbit 滑块合并到一个预先存在的站点主页中，该主页具有许多链接（和锁定/只读）样式表。正如您可以想象的那样，这导致了许多浏览器兼容性问题的出现，但前几天我认为我终于让它工作了！

但是，我发现 11.6 之前的 Opera 版本会导致滑块显示特别不稳定......即使在只有滑块的空白页面上，幻灯片似乎只是从错误的位置开始。因此，例如，幻灯片 #1 将显示第一张图像的大部分（减去最左侧）以及第二张图像的开始左侧部分。

我在 jsBin 创建了一个页面来演示这个问题。 http://jsbin.com/aqejil/5/ 请注意，您可以使用右上角的按钮编辑 jsBin 上的代码。在 CSS 编辑选项卡中，我还包含了一个代码片段，该代码片段应该仅针对 Opera 11 中的不同滑块元素：

同样，这是Browsershots上的两张对比图

有谁知道为什么会发生这种情况？我确信这可能是一个足够简单的修复，但我似乎无法提出解决方案。

谢谢！

我在主滑块内显示滑块时遇到问题。我已经正确连接了所有内容，并且所有内容似乎都正常运行，只是图像无法显示。我很确定这不是 z-index 问题，因为我已经使用 Firebug 进行了检查。

链接：http ://toughguppyproductions.com/2013

我指的幻灯片是第四个圆圈，上面有一个叫做“图形设计”的计算机图标。当您单击它时，您将看到我所指的幻灯片。在幻灯片的右侧，您将看到滑块的两个箭头以及显示滑块中有多少图像的点。

请帮忙，我已经绞尽脑汁想解决这个问题了大约一个星期。

我正在尝试在我的网站上创建一个轨道滑块，但是，当我在我的网络浏览器中运行网页时，轨道滑块应该在哪里，我看到：

我猜这是因为 html 文档没有链接到正确的 javascript 文件。该站点当前链接到 jquery.js、foundation.min.js 和 jquery.foundation.orbit.js。是错误的文件链接到 html 文件还是有其他问题？

滑块 div 的代码是这样的：

实际的javascript是这样的：

非常感谢任何帮助或提示