问题标签 [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 回答
4004 浏览

css - Zurb Orbit:在图像上添加文本

我想为每张幻灯片添加一个标题和说明,如下所示:

在此处输入图像描述

我尝试过使用“字幕”,但没有得到相同的效果。我该怎么办?

Zurb 基金会轨道

0 投票
1 回答
452 浏览

zurb-foundation - 使用 show-for-small 时 Foundation Orbit 子弹不居中

在移动设备上查看时,我想为滑块提供某种导航。由于方向箭头不会在移动设备上显示(如果有人能告诉他们如何制作它们,那就太棒了)我认为一个好的解决方案是使用不同的滑块,相同的图像,即“show-for-small”并且下面有子弹。

它有效,但有一个问题让我很生气。如果您使用浏览器窗口宽度(桌面)加载页面并缩放到移动宽度,滑块会切换,但项目符号不会居中。它们似乎向右移动。如果您以该移动宽度重新加载页面,它们很好,完全位于图像下方。

有没有人知道如何解决这个问题?我设置了一个页面来演示这个问题。www.jonesco.com/_foundation/bullet_problem.html

谢谢

0 投票
1 回答
273 浏览

jquery - Orbit Jquery 插件将宽度扩展到没有链接的内容大小

我正在使用 ZURB Foundation 的 Orbit Jquery 插件,我想知道是否有一种方法可以自动检测宽度而无需包含a href=""链接。据我所知,插件检测a元素的宽度并基于此计算宽度和高度。有没有一种无需使用 a 元素即可检测宽度和高度的方法?

我把代码放在 jsfiddle 上,虽然它在那里几乎没有功能。

http://jsfiddle.net/jhoffm34/36vqb/1/

我对此仍然很陌生,但想知道是否有一种简单的方法可以实现这一目标。

0 投票
2 回答
4906 浏览

resize - 调整 Foundation 的轨道滑块大小

早上好!

我正在开发一个原型,我想知道改变 Foundation 轨道滑块宽度但仍保持其响应能力的“正确”方法。

目前 - 我已将滑块容器的宽度更改为较小的百分比 (73%) - 但是当以移动设备大小查看时,它似乎不太正确。更不用说箭头已经向上浮动了,我宁愿不破解一些 css 来让它们正确定位。

Orbit CSS: http: //naivestudio.net/win-prototype/prototype/orbit.php(仅针对这个问题放在单独的页面上 - 将在 app.css 文件中进行更改)

索引页面中的 HTML - 请注意视频位于滑块之外,但我会将其浮动在标题容器中的旁边。

Javascript

0 投票
1 回答
96 浏览

jquery - 使用 Orbit 随机化我的幻灯片放映之间的时间

我将 Jquery Orbit 用于我的图像幻灯片,但我希望图片在随机计时器上。我不是很精通jquery,所以如果你能帮助我,我会很感激。到目前为止,这是我的代码明智的。

0 投票
2 回答
875 浏览

jquery - Zurb Foundation 3 Orbit 事件和回调?

我想知道 Zurb Foundation 3 Orbit Slider 是否有任何回调事件?

我需要有一个滑块,每张 X 幻灯片都会显示一条消息。我希望在显示/更改新幻灯片时有一个回调,所以我可以绑定到它并增加一个计数器。

0 投票
1 回答
799 浏览

sass - 基础框架 - 轨道滑块

我已经设法将 Orbit Slider 放到我的页面上,但它没有像Foundation Framework 网站上给出的示例那样的计时器或导航按钮。

我使用 Sass 下载了框架,它在文档中说 Orbit JS 和 CSS 已经成为我环境的一部分。

我如何让这些显示?当我使用 Firebug 进行检查时,它们不会加载。

使用 Firebug 时,它显示以下内容:

_orbit.scss.

但据说无法加载图像。我不知道如何让图像加载。

0 投票
1 回答
668 浏览

responsive-design - Foundation Zurb 3 轨道计数器编号?

我在 Foundation 3 站点中有一个 Orbit 滑块,我需要能够显示幻灯片编号,如“幻灯片 3 of 8”中所示。

我在文档中没有看到任何选项,但是查看 _settings.scss 文件我看到了这些项目:

但是没有说明如何使用它们。取消注释它们不会做任何事情。如何与给定的滑块集成,或者我是否需要进行 oen 编码来创建数字?

0 投票
2 回答
664 浏览

javascript - Zurb Foundation Orbit 滑块 - 使非无限?

Foundation 3 中的 Orbit 滑块是无限的,这意味着它会一遍又一遍地在其幻灯片中循环。

有没有办法让它只显示一次所有幻灯片,在最后一张幻灯片上停止?

0 投票
1 回答
2069 浏览

thumbnails - Foundation Orbit 自定义缩略图不更改主图像

我正在使用 Foundation 框架和 Orbit。我在这里建立了滑块:http ://www.abricot-production-dev.co.uk/group-two/gallery.html# 但目前拇指并没有改变主要图片。

我的代码:

初始化:

在foundation.min.js中:

我错过了什么?

安迪