问题标签 [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 投票
1 回答
656 浏览

zurb-foundation - 轨道滑块在移动设备上不起作用

我正在为一个项目使用轨道滑块模块。

当我通过减小浏览器大小查看它时效果很好,但在较小的设备上根本不起作用。

我正在为响应式框架工作使用 zurb 基础主题,这实际上非常好。

这是该网站的链接

http://nycplatformdev.devcloud.acquia-sites.com/

0 投票
4 回答
4159 浏览

javascript - Zurb Foundation 4.3.0 Orbit 不显示幻灯片

我正在为一个项目使用 Foundation 4.3.0,并尝试以最基本的方式设置 Orbit。javascript 和 CSS 似乎正确加载,图像正在加载,所有额外的元素都被插入,等等。但 main<ul>的高度始终为 0px。这是我的 HTML:

这是 HTML 曾经做过foundation.orbit.js的事情:

我尝试在图像上设置显式宽度 + 高度,class="active"在生成 HTML 时放在一张幻灯片上,更改各种 Foundation 设置等,但似乎没有任何效果。

当我将 HTML 与 Foundation 文档中的实时示例进行比较时,我注意到在工作版本中,az-index始终在幻灯片上动态设置。在我的网站上,没有z-index设置。当然,ul工作版本中的内联 CSS 高度等于幻灯片的高度。

如果我手动将ul高度设置为 300 像素,一切看起来都是正确的,除了我看不到任何图像。如果我设置div.orbit-containeroverflow: visible,我将看到容器左侧的一张幻灯片的边缘。

任何想法将不胜感激。

0 投票
1 回答
2828 浏览

slideshow - Foundation 4 - 全宽轨道,但具有最大高度

我的主页上有一个 Orbit 幻灯片:主页

与其他内容不同,它不包含在行类中,因为我希望它占据屏幕的整个宽度。我还希望设置一个最大高度,这样幻灯片就不会在大屏幕上占用太多垂直空间。为此,我在自定义样式表中设置了以下内容:

但是,字幕和项目符号被“隐藏”了。有没有办法达到我想要的效果,同时仍然让项目符号和标题出现在轨道容器的底部?

任何建议将不胜感激。

谢谢,雷切尔

PS 我使用的是 Foundation 版本 4。

0 投票
1 回答
278 浏览

gem - 将 zurb-foundation gem 从 4.2.3 更新到 4.3.1 - Orbit 不再有效

我将 zurb-foundation gem 从 4.2.3 更新到 4.3.1 - Orbit 不再有效。

点出现并循环,但不显示图像。

我需要让新版本正常工作,或者恢复到以前工作的版本。

是html代码。我正在使用默认的 css 样式并链接到foundation.min.js。如果我将链接更改为foundation.js,那么它根本不起作用,我会看到一个巨大的列表。

请帮忙 - 我在截止日期前已经浪费了几天时间。

0 投票
1 回答
1072 浏览

zurb-foundation - 是否可以使轨道滑块调整到浏览器高度

如标题所示,我知道它是响应式的,但是当我放置一个基本的轨道滑块(在“行”之外)时,它会水平正确缩放,但希望缩放以适应浏览器的高度。有任何想法吗?

0 投票
2 回答
617 浏览

ruby-on-rails-3 - Rails 图像数组——创建显示下一个/上一个图像的链接

我仍然是 Rails 初学者,还有很多东西要学。

目前,我可以一次显示所有图像,没问题:

但我想首先显示@examples[0]和从那里的图像,有两个link_tobutton_to路径来显示@example[current + 1]。类似的东西。

这是如何运作的?

感谢 SOF 社区!

0 投票
1 回答
141 浏览

jquery - 添加其他 jquery 后,基础轨道无法正常工作

我正在与 Foundation 合作建立一个站点,该站点的一部分是 Foundation 轨道幻灯片,在我添加用于图像交换的 jquery 代码之前,它运行良好。图像交换位于页面底部的社交按钮上,并且工作正常。我四处搜索并找到了类似的主题,我试图研究他们的解决方案,但只能得到相反的结果(轨道开始工作,图像交换停止工作)。 该网站可以在这里查看

0 投票
3 回答
1058 浏览

javascript - 无法将图像 src 设置为动态创建的 div

我正在尝试设置在 javascript 上创建的 div 的背景 url。这将用于 Jquery Orbit 滑块。这是我的做法。

imageUrlList 来自于此。

它从另一个图像标签获取 src。所以目标是获取图像标签的 src 并将其设置为通过 javascript 创建的 div(内容)的背景。问题是,它不存在。我尝试查看检查元素。网址在那里,我认为它在base64中,不确定。但它就在那里。你认为是什么问题?有任何想法吗?谢谢!

更新:当用户在文件对话框中选择图像时,我正在显示图像。该图像将显示在图像容器的图像标签上。这些是我想要获取并将它们显示到内容 div 的源图像

0 投票
1 回答
932 浏览

javascript - 旋转木马外的导航控制 - Zurb Foundation Orbit

我试图将导航控件放在轮播之外,而不是默认在里面。

没有可用的数据选项。因此,我尝试修改导航箭头的 CSS 以使其具有负绝对定位。

但是,父容器设置为溢出:隐藏并隐藏箭头。默认情况下可以吗?

0 投票
1 回答
1273 浏览

javascript - Foundation 4 + Orbit Slider:无法控制动画速度

我正在使用 Foundation 创建一个涉及 Orbit Slider 的网站。尽我所能,我无法改变滑块的速度。一切正常(jquery、滑块控件、滑块项目符号、滑块的自定义 CSS 等),我似乎无法更改幻灯片的参数。

我的文件的头部:

在我身体的尽头:

就像我说的一切正常,我只是无法更改参数。

谢谢!