问题标签 [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.
zurb-foundation - 使用 show-for-small 时 Foundation Orbit 子弹不居中
在移动设备上查看时,我想为滑块提供某种导航。由于方向箭头不会在移动设备上显示(如果有人能告诉他们如何制作它们,那就太棒了)我认为一个好的解决方案是使用不同的滑块,相同的图像,即“show-for-small”并且下面有子弹。
它有效,但有一个问题让我很生气。如果您使用浏览器窗口宽度(桌面)加载页面并缩放到移动宽度,滑块会切换,但项目符号不会居中。它们似乎向右移动。如果您以该移动宽度重新加载页面,它们很好,完全位于图像下方。
有没有人知道如何解决这个问题?我设置了一个页面来演示这个问题。www.jonesco.com/_foundation/bullet_problem.html
谢谢
jquery - Orbit Jquery 插件将宽度扩展到没有链接的内容大小
我正在使用 ZURB Foundation 的 Orbit Jquery 插件,我想知道是否有一种方法可以自动检测宽度而无需包含a href=""
链接。据我所知,插件检测a
元素的宽度并基于此计算宽度和高度。有没有一种无需使用 a 元素即可检测宽度和高度的方法?
我把代码放在 jsfiddle 上,虽然它在那里几乎没有功能。
http://jsfiddle.net/jhoffm34/36vqb/1/
我对此仍然很陌生,但想知道是否有一种简单的方法可以实现这一目标。
resize - 调整 Foundation 的轨道滑块大小
早上好!
我正在开发一个原型,我想知道改变 Foundation 轨道滑块宽度但仍保持其响应能力的“正确”方法。
目前 - 我已将滑块容器的宽度更改为较小的百分比 (73%) - 但是当以移动设备大小查看时,它似乎不太正确。更不用说箭头已经向上浮动了,我宁愿不破解一些 css 来让它们正确定位。
Orbit CSS: http: //naivestudio.net/win-prototype/prototype/orbit.php(仅针对这个问题放在单独的页面上 - 将在 app.css 文件中进行更改)
索引页面中的 HTML - 请注意视频位于滑块之外,但我会将其浮动在标题容器中的旁边。
Javascript
jquery - 使用 Orbit 随机化我的幻灯片放映之间的时间
我将 Jquery Orbit 用于我的图像幻灯片,但我希望图片在随机计时器上。我不是很精通jquery,所以如果你能帮助我,我会很感激。到目前为止,这是我的代码明智的。
jquery - Zurb Foundation 3 Orbit 事件和回调?
我想知道 Zurb Foundation 3 Orbit Slider 是否有任何回调事件?
我需要有一个滑块,每张 X 幻灯片都会显示一条消息。我希望在显示/更改新幻灯片时有一个回调,所以我可以绑定到它并增加一个计数器。
sass - 基础框架 - 轨道滑块
我已经设法将 Orbit Slider 放到我的页面上,但它没有像Foundation Framework 网站上给出的示例那样的计时器或导航按钮。
我使用 Sass 下载了框架,它在文档中说 Orbit JS 和 CSS 已经成为我环境的一部分。
我如何让这些显示?当我使用 Firebug 进行检查时,它们不会加载。
使用 Firebug 时,它显示以下内容:
在_orbit.scss
.
但据说无法加载图像。我不知道如何让图像加载。
responsive-design - Foundation Zurb 3 轨道计数器编号?
我在 Foundation 3 站点中有一个 Orbit 滑块,我需要能够显示幻灯片编号,如“幻灯片 3 of 8”中所示。
我在文档中没有看到任何选项,但是查看 _settings.scss 文件我看到了这些项目:
但是没有说明如何使用它们。取消注释它们不会做任何事情。如何与给定的滑块集成,或者我是否需要进行 oen 编码来创建数字?
javascript - Zurb Foundation Orbit 滑块 - 使非无限?
Foundation 3 中的 Orbit 滑块是无限的,这意味着它会一遍又一遍地在其幻灯片中循环。
有没有办法让它只显示一次所有幻灯片,在最后一张幻灯片上停止?
thumbnails - Foundation Orbit 自定义缩略图不更改主图像
我正在使用 Foundation 框架和 Orbit。我在这里建立了滑块:http ://www.abricot-production-dev.co.uk/group-two/gallery.html# 但目前拇指并没有改变主要图片。
我的代码:
初始化:
在foundation.min.js中:
我错过了什么?
安迪